feat: more accessible full screen mode

src/hooks/useFullScreen.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+
+export function useFullScreen() {
+  const [isFullScreen, setIsFullScreen] = useState(
+    document.fullscreenElement !== null,
+  );
+
+  useEffect(() => {
+    function handleFullScreenChange() {
+      setIsFullScreen(document.fullscreenElement !== null);
+    }
+
+    document.addEventListener('fullscreenchange', handleFullScreenChange);
+
+    return () => {
+      document.removeEventListener('fullscreenchange', handleFullScreenChange);
+    };
+  }, []);
+
+  return isFullScreen;
+}