create a useismobilewidth method for standardized mobile view detection.

src/interface/web/app/common/utils.ts

@@ -1,3 +1,4 @@
+import { useEffect, useState } from "react";
 import useSWR from "swr";
 
 export interface LocationData {
@@ -54,3 +55,23 @@ export function useIPLocationData() {
 
     return locationData;
 }
+
+export function useIsMobileWidth() {
+    const [isMobileWidth, setIsMobileWidth] = useState(false);
+
+    useEffect(() => {
+        const handleResize = () => {
+            if (window.innerWidth <= 768) {
+                setIsMobileWidth(true);
+            } else {
+                setIsMobileWidth(false);
+            }
+        };
+
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+
+    return isMobileWidth;
+}