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/App.tsx

@@ -1,27 +1,27 @@
-import { useEffect } from "react";
-import { Routes, Route, useNavigate } from "react-router-dom";
-import { RouterShell } from "@/lib/router-shell";
-import { TooltipProvider } from "@/components/ui/tooltip";
-import { useAuthStore } from "@/stores/auth-store";
-import { LoginPage } from "@/features/auth/login-page";
+import { useEffect } from 'react';
+import { Routes, Route, useNavigate } from 'react-router-dom';
+import { RouterShell } from '@/lib/router-shell';
+import { TooltipProvider } from '@/components/ui/tooltip';
+import { useAuthStore } from '@/stores/auth-store';
+import { LoginPage } from '@/features/auth/login-page';
 import { QueryClientProvider } from '@tanstack/react-query';
-import SettingsPage from "@/features/settings-page";
-import AudioVideoSettingsPage from "@/features/settings/audio-video-settings-page";
-import NetworkSelector from "@/features/network-selector";
-import NetworkRoot from "@/features/network-root";
-import ParticleViewResolver from "@/features/particles/particle-view-resolver";
-import Layout from "@/features/layout";
-import NetworkSettingsPage from "@/features/network-settings";
-import { Toaster } from "@/components/ui/sonner";
-import { PusherProvider } from "@/lib/pusher-provider";
-import { createQueryClient } from "@/lib/query-client";
+import SettingsPage from '@/features/settings-page';
+import AudioVideoSettingsPage from '@/features/settings/audio-video-settings-page';
+import NetworkSelector from '@/features/network-selector';
+import NetworkRoot from '@/features/network-root';
+import ParticleViewResolver from '@/features/particles/particle-view-resolver';
+import Layout from '@/features/layout';
+import NetworkSettingsPage from '@/features/network-settings';
+import { Toaster } from '@/components/ui/sonner';
+import { PusherProvider } from '@/lib/pusher-provider';
+import { createQueryClient } from '@/lib/query-client';
 import {
   RouteErrorBoundary,
   TopLevelErrorBoundary,
-} from "@/components/app-error-boundary";
-import { SoundEffectsProvider } from "@/lib/sound-effects/sound-effects-provider";
-import { platform } from "@/lib/platform";
-import { InAppAutoplayCard } from "@/components/in-app-autoplay-card";
+} from '@/components/app-error-boundary';
+import { SoundEffectsProvider } from '@/lib/sound-effects/sound-effects-provider';
+import { platform } from '@/lib/platform';
+import { InAppAutoplayCard } from '@/components/in-app-autoplay-card';
 
 const queryClient = createQueryClient();
 
@@ -33,7 +33,7 @@ const App = () => {
     restoreSession();
   }, [restoreSession]);
 
-  if (status === "idle" || status === "restoring") {
+  if (status === 'idle' || status === 'restoring') {
     return (
       <div className="flex min-h-screen items-center justify-center">
         <p className="text-muted-foreground text-sm">Loading...</p>
@@ -41,7 +41,7 @@ const App = () => {
     );
   }
 
-  if (status !== "authenticated") {
+  if (status !== 'authenticated') {
     return <LoginPage />;
   }
 
@@ -72,12 +72,29 @@ function AuthenticatedApp() {
       <RouteErrorBoundary>
         <Routes>
           <Route path="settings" element={<SettingsPage />} />
-          <Route path="settings/audio-video" element={<AudioVideoSettingsPage />} />
+          <Route
+            path="settings/audio-video"
+            element={<AudioVideoSettingsPage />}
+          />
 
           <Route path="/">
-            <Route index element={<Layout><NetworkSelector /></Layout>} />
+            <Route
+              index
+              element={
+                <Layout>
+                  <NetworkSelector />
+                </Layout>
+              }
+            />
             <Route path=":networkId">
-              <Route index element={<Layout><NetworkRoot /></Layout>} />
+              <Route
+                index
+                element={
+                  <Layout>
+                    <NetworkRoot />
+                  </Layout>
+                }
+              />
               <Route path="settings" element={<NetworkSettingsPage />} />
               <Route path="*" element={<ParticleViewResolver />} />
             </Route>