Remove BackgroundElements

client/src/App.jsx

@@ -25,7 +25,6 @@ import {PushOverIcon} from "@/common/assets/icons/pushover";
 import Nodes from "@/pages/Nodes";
 import Statistics from "@/pages/Statistics";
 import Home from "@/pages/Home";
-import BackgroundElements from "@/common/components/BackgroundElements";
 
 library.add(fas, fab);
 library.add(PushOverIcon);
@@ -62,7 +61,6 @@ const App = () => {
             path: "/",
             element: (
                 <Providers>
-                    <BackgroundElements/>
                     <HeaderComponent/>
                     <main><Outlet/></main>
                 </Providers>

client/src/common/components/BackgroundElements/index.jsx

@@ -1,13 +0,0 @@
-import "./styles.sass";
-
-const BackgroundElements = () => {
-    return (
-        <div className="background-elements">
-            <div className="bg-grid"></div>
-            <div className="bg-glow bg-glow-1"></div>
-            <div className="bg-glow bg-glow-2"></div>
-        </div>
-    );
-};
-
-export default BackgroundElements;

client/src/common/components/BackgroundElements/styles.sass

@@ -1,52 +0,0 @@
-@use "@/common/styles/colors" as *
-
-.background-elements
-  position: fixed
-  inset: 0
-  pointer-events: none
-  z-index: 0
-  overflow: hidden
-
-.bg-grid
-  position: absolute
-  inset: 0
-  background-image: radial-gradient(circle at 1px 1px, $light-gray 1px, transparent 0)
-  background-size: 40px 40px
-  opacity: 0.3
-  mask-image: radial-gradient(ellipse at 50% 0%, black 0%, transparent 70%)
-
-.bg-glow
-  position: absolute
-  border-radius: 50%
-  filter: blur(100px)
-  opacity: 0.4
-
-.bg-glow-1
-  width: 600px
-  height: 600px
-  background: rgba(16, 185, 129, 0.15)
-  top: -200px
-  left: -100px
-  animation: float 20s ease-in-out infinite
-
-.bg-glow-2
-  width: 400px
-  height: 400px
-  background: rgba(6, 182, 212, 0.1)
-  bottom: -100px
-  right: -100px
-  animation: float 25s ease-in-out infinite reverse
-
-@keyframes float
-  0%, 100%
-    transform: translate(0, 0)
-  50%
-    transform: translate(30px, 20px)
-
-[data-theme="light"]
-  .bg-grid
-    opacity: 0.15
-  .bg-glow-1
-    background: rgba(16, 185, 129, 0.08)
-  .bg-glow-2
-    background: rgba(6, 182, 212, 0.05)