feat: layouts and styles for desktop and mobile

src/hooks/useIsMobile.ts

@@ -1,8 +1,7 @@
-import { em } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 
 const useIsMobile = () => {
-    return useMediaQuery(`(max-width: ${em(750)})`);
+    return useMediaQuery("(max-width: 48em)");
 };
 
 export default useIsMobile;