Updated Loading Spinner

components/Loading.tsx

@@ -1,8 +1,17 @@
+import { square } from 'ldrs'
+square.register()
 
 export default function Loading() {
     return (
         <div className="flex items-center justify-center h-screen">
-            <span className="loading loading-ring loading-xl"></span>
+            <l-square
+                size={31}
+                stroke={5}
+                strokeLength={0.25}
+                bgOpacity={0.1}
+                speed={1.2}
+                color="white"
+            />
         </div>
     );
 }

package-lock.json

@@ -17,6 +17,7 @@
         "fuse.js": "^7.1.0",
         "js-cookie": "^3.0.5",
         "jsonwebtoken": "^9.0.2",
+        "ldrs": "^1.1.7",
         "lucide-react": "^0.511.0",
         "next": "15.3.2",
         "react": "^19.0.0",
@@ -1554,6 +1555,12 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/ldrs": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/ldrs/-/ldrs-1.1.7.tgz",
+      "integrity": "sha512-rZnfveeY1SeS3F3ifUVd9AVGTFHmQ0qzp5fuszAirnrVkjqJBLrm99vtr/Mxbby4XgadUYv+DsFqyk2p4FV40Q==",
+      "license": "MIT"
+    },
     "node_modules/lightningcss": {
       "version": "1.30.1",
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",

package.json

@@ -18,6 +18,7 @@
     "fuse.js": "^7.1.0",
     "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.2",
+    "ldrs": "^1.1.7",
     "lucide-react": "^0.511.0",
     "next": "15.3.2",
     "react": "^19.0.0",