feat: create custom hook for window size

src/hooks/useWindowSize.ts

@@ -0,0 +1,22 @@
+import { useState, useEffect } from 'react'
+
+export const useWindowSize = () => {
+  const [size, setSize] = useState({ width: 0, height: 0 })
+
+  useEffect(() => {
+    function handleResize() {
+      setSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      })
+    }
+
+    window.addEventListener('resize', handleResize)
+
+    handleResize()
+
+    return () => window.removeEventListener('resize', handleResize)
+  }, [])
+
+  return size
+}