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>
     );
 }