infra: add linting and formatting for js projects (#230)

* wip

* wip

* wip

* format

* wip(mobile): lint and format

* cleanup

* nits

* nits

* idiomatic react

* nit

* format all root files

js/desktop/src/hooks/use-stream-navigation-keys.ts

@@ -1,8 +1,7 @@
-import { useEffect, type RefObject } from "react";
-import { useNavigate } from "react-router-dom";
-import type { MediaParticleHandle } from "@/features/particles/media-particle-view";
-import { selectIsPaused, usePlaybackPauseStore } from "@/stores/playback-pause-store";
-import { isTypingTarget } from "@/lib/keyboard";
+import { useEffect, type RefObject } from 'react';
+import { useNavigate } from 'react-router-dom';
+import type { MediaParticleHandle } from '@/features/particles/media-particle-view';
+import { isTypingTarget } from '@/lib/keyboard';
 
 const SEEK_DELTA_SEC = 5;
 
@@ -34,32 +33,32 @@ export function useStreamNavigationKeys({
       const hasNext = currentIndex >= 0 && currentIndex < childrenLength - 1;
 
       switch (e.key) {
-        case "ArrowRight":
+        case 'ArrowRight':
           e.preventDefault();
           if (!e.shiftKey || !mediaRef.current?.seek(SEEK_DELTA_SEC)) {
             if (hasNext) next();
           }
           break;
-        case "ArrowDown":
+        case 'ArrowDown':
           e.preventDefault();
           if (hasNext) next();
           break;
-        case "ArrowLeft":
+        case 'ArrowLeft':
           e.preventDefault();
           if (!e.shiftKey || !mediaRef.current?.seek(-SEEK_DELTA_SEC)) prev();
           break;
-        case "ArrowUp":
+        case 'ArrowUp':
           e.preventDefault();
           prev();
           break;
-        case "Escape":
+        case 'Escape':
           e.preventDefault();
           navigate(-1);
           break;
       }
     };
 
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
+    window.addEventListener('keydown', onKeyDown);
+    return () => window.removeEventListener('keydown', onKeyDown);
   }, [next, prev, currentIndex, childrenLength, mediaRef, navigate]);
 }