fix: revert ALL new browser changes

src/components/atoms/canvas.tsx

@@ -140,8 +140,8 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
         <canvas
             tabIndex={0}
             ref={canvasRef}
-            height={300}
-            width={900}
+            height={720}
+            width={1280}
         />
     );
 

src/components/molecules/InterpretationLog.tsx

@@ -208,4 +208,4 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
       </SwipeableDrawer>
     </div>
   );
-}
+}

src/components/organisms/BrowserWindow.tsx

@@ -360,15 +360,15 @@ export const BrowserWindow = () => {
                 <Highlighter
                     unmodifiedRect={highlighterData?.rect}
                     displayedSelector={highlighterData?.selector}
-                    width={900}
-                    height={300}
+                    width={width}
+                    height={height}
                     canvasRect={canvasRef.current.getBoundingClientRect()}
                 />
                 : null}
             <Canvas
                 onCreateRef={setCanvasReference}
-                width={900}
-                height={300}
+                width={width}
+                height={height}
             />
         </div>
     );
@@ -383,7 +383,7 @@ const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
     img.src = image;
     img.onload = () => {
         URL.revokeObjectURL(img.src);
-        ctx?.drawImage(img, 0, 0, 900, 300);
+        ctx?.drawImage(img, 0, 0, 1280, 720);
     };
 
 };