Fix Preloader responsiveness

client/app/loading.js

@@ -1,7 +1,12 @@
+'use client';
+
 import Preloader from '../component/Preloader';
+import useMediaQuery from '../hooks/useMediaQuery';
 
 const Loading = ({ suspense }) => {
-    return <Preloader width="600px" height="600px" suspense={suspense} />;
+    const isDesktop = useMediaQuery('(min-width:700px)');
+    const side = isDesktop ? "600px" : "300px";
+    return <Preloader width={side} height={side} suspense={suspense} />
 };
 
 export default Loading;

client/styles/Navbar.module.css

@@ -139,7 +139,7 @@
 }
 
 .Hamburger_menu {
-    z-index: 9999999999;
+    z-index: 99999;
     position: fixed;
     top: 0;
     width: 100vw;

client/styles/Preloader.module.css

@@ -8,7 +8,7 @@
     top: 0;
     left: 0;
     right: 0;
-    z-index: 10000;
+    z-index: 100000;
 }