chore(ui): added screenfull library for fullscreen functionality

package.json

@@ -43,6 +43,7 @@
 		"react-hotkeys-hook": "^4.5.0",
 		"react-swipeable": "^7.0.1",
 		"react-use-clipboard": "^1.0.9",
+		"screenfull": "^6.0.2",
 		"use-debounce": "^10.0.0",
 		"uuid": "^9.0.1",
 		"zustand": "^4.5.2"

src/features/ui/components/fullscreen-toggle/fullscreen-toggle.tsx

@@ -1,27 +1,39 @@
 import { useEffect, useState } from 'react';
+import screenfull from 'screenfull';
 
 import { Button } from '../button';
 import { Icon } from '../icon';
 import $$ from './fullscreen-toggle.module.css';
 
 export const FullscreenToggle = () => {
+	const [isEnabled, setIsEnabled] = useState(false);
 	const [isFullscreen, setIsFullscreen] = useState(false);
 
 	const toggleFullscreen = () => {
 		setIsFullscreen((previous) => !previous);
 	};
 
 	useEffect(() => {
+		if (!isEnabled) {
+			return;
+		}
+
 		void (async () => {
 			try {
-				await (isFullscreen
-					? document.documentElement.requestFullscreen()
-					: document.exitFullscreen());
+				await (isFullscreen ? screenfull.request() : screenfull.exit());
 			} catch {
 				// Ignore
 			}
 		})();
-	}, [isFullscreen]);
+	}, [isEnabled, isFullscreen]);
+
+	useEffect(() => {
+		setIsEnabled(screenfull.isEnabled);
+	}, []);
+
+	if (!isEnabled) {
+		return null;
+	}
 
 	return (
 		<Button