fix: resolve linting errors and screenshot timing issues

Author: SpaceEngineerSS

jest.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 const nextJest = require('next/jest');
 
 const createJestConfig = nextJest({

scripts/capture-screens.mjs

@@ -37,7 +37,7 @@ async function capture() {
 
         // Wait for Globe or critical UI to be visible
         // We'll wait a bit extra for Cesium to render tiles
-        await new Promise(r => setTimeout(r, 5000));
+        await new Promise(r => setTimeout(r, 10000));
 
         await page.screenshot({
             path: path.join(OUTPUT_DIR, 'desktop-preview.png'),
@@ -51,7 +51,7 @@ async function capture() {
 
         // Reload to trigger mobile-specific logic (e.g. Globe resolution reduction)
         await page.reload({ waitUntil: 'networkidle0' });
-        await new Promise(r => setTimeout(r, 5000)); // Wait for render
+        await new Promise(r => setTimeout(r, 10000)); // Wait for render
 
         await page.screenshot({
             path: path.join(OUTPUT_DIR, 'mobile-preview.png'),

src/components/HUD/Mobile/MobileBottomSheet.tsx

@@ -54,14 +54,14 @@ const MobileBottomSheet: React.FC<MobileBottomSheetProps> = ({
                 setSheetState('expanded');
             }
         }
-    }, [sheetState, onClose]);
+    }, [sheetState, onClose, trigger]);
 
     // Reset state when satellite changes
     React.useEffect(() => {
         if (satellite) {
             setSheetState('peek');
         }
-    }, [satellite?.id]);
+    }, [satellite]);
 
     // Handle forceExpanded prop (for Data tab)
     React.useEffect(() => {

src/hooks/useSatelliteTelemetry.ts

@@ -52,7 +52,7 @@ export function useSatelliteTelemetry(
             console.error('[Telemetry] Failed to parse TLE:', e);
             return null;
         }
-    }, [selectedSatellite?.line1, selectedSatellite?.line2]);
+    }, [selectedSatellite]);
 
     // Calculate orbital period from mean motion
     const orbitalPeriod = useMemo(() => {