Revert "feat: add fullscreen button"

This reverts commit dc7791c245.

ui/src/components/VideoOverlay.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { ExclamationTriangleIcon } from "@heroicons/react/24/solid";
 import { ArrowPathIcon, ArrowRightIcon } from "@heroicons/react/16/solid";
 import { motion, AnimatePresence } from "framer-motion";
-import { LuMaximize, LuPlay } from "react-icons/lu";
+import { LuPlay } from "react-icons/lu";
 import { BsMouseFill } from "react-icons/bs";
 
 import { Button, LinkButton } from "@components/Button";
@@ -209,10 +209,9 @@ export function PeerConnectionDisconnectedOverlay({
 interface HDMIErrorOverlayProps {
   readonly show: boolean;
   readonly hdmiState: string;
-  readonly requestFullscreen: () => void;
 }
 
-export function HDMIErrorOverlay({ show, hdmiState, requestFullscreen }: HDMIErrorOverlayProps) {
+export function HDMIErrorOverlay({ show, hdmiState }: HDMIErrorOverlayProps) {
   const isNoSignal = hdmiState === "no_signal";
   const isOtherError = hdmiState === "no_lock" || hdmiState === "out_of_range";
 
@@ -248,8 +247,7 @@ export function HDMIErrorOverlay({ show, hdmiState, requestFullscreen }: HDMIErr
                         </li>
                       </ul>
                     </div>
-                    <div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-2 py-1.5">
-                      <div className="relative flex flex-wrap items-center gap-x-2 gap-y-2">
+                    <div>
                       <LinkButton
                         to={"https://jetkvm.com/docs/getting-started/troubleshooting"}
                         theme="light"
@@ -258,16 +256,6 @@ export function HDMIErrorOverlay({ show, hdmiState, requestFullscreen }: HDMIErr
                         size="SM"
                       />
                     </div>
-                      <div className="flex flex-wrap items-right gap-x-2 gap-y-2">
-                        <Button
-                          size="XS"
-                          theme="light"
-                          text="Fullscreen"
-                          LeadingIcon={LuMaximize}
-                          onClick={() => requestFullscreen()}
-                        />
-                      </div>
-                    </div>
                   </div>
                 </div>
               </div>

ui/src/components/WebRTCVideo.tsx

@@ -544,7 +544,7 @@ export default function WebRTCVideo() {
                         >
                           <div className="relative h-full w-full rounded-md" onClick={requestPointerLock}>
                             <LoadingVideoOverlay show={isVideoLoading} />
-                            <HDMIErrorOverlay show={hdmiError} hdmiState={hdmiState} requestFullscreen={requestFullscreen}/>
+                            <HDMIErrorOverlay show={hdmiError} hdmiState={hdmiState} />
                             <NoAutoplayPermissionsOverlay
                               show={hasNoAutoPlayPermissions}
                               onPlayClick={() => {