rename

packages/app/src/Hooks/usePageWidth.tsx

@@ -0,0 +1,20 @@
+import { useRef, useState, useEffect } from "react";
+
+export default function usePageWidth() {
+  const ref = useRef<HTMLDivElement | null>(document.querySelector(".page"));
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    const updateSize = () => {
+      if (ref.current) {
+        setWidth(ref.current.offsetWidth);
+      }
+    };
+
+    window.addEventListener("resize", updateSize);
+    updateSize();
+    return () => window.removeEventListener("resize", updateSize);
+  }, [ref]);
+
+  return width;
+}