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/features/particles/particle-view-resolver.tsx

@@ -1,14 +1,13 @@
-import { useEffect } from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import { useQueryClient } from "@tanstack/react-query";
-import { Lock } from "lucide-react";
-import { useLiveParticle } from "@/hooks/use-particle";
-import { particlePath } from "@/lib/particle-path";
-import { Button } from "@/components/ui/button";
-
-import { StreamView } from "@/features/particles/stream-view";
-import { FolderView } from "@/features/particles/folder-view";
+import { useEffect } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { useQueryClient } from '@tanstack/react-query';
+import { Lock } from 'lucide-react';
+import { useLiveParticle } from '@/hooks/use-particle';
+import { particlePath } from '@/lib/particle-path';
+import { Button } from '@/components/ui/button';
 
+import { StreamView } from '@/features/particles/stream-view';
+import { FolderView } from '@/features/particles/folder-view';
 
 /**
  * Route-level component for /:networkId/*.
@@ -16,9 +15,11 @@ import { FolderView } from "@/features/particles/folder-view";
  * the appropriate view based on particle type.
  */
 export default function ParticleViewResolver() {
-  const { networkId, "*": rest } = useParams();
-  const segments = (rest ?? "").split("/").filter(Boolean);
-  const path = particlePath(networkId!, segments); // path of current container particle
+  const { networkId, '*': rest } = useParams();
+  if (!networkId)
+    throw new Error('ParticleViewResolver requires a :networkId route param');
+  const segments = (rest ?? '').split('/').filter(Boolean);
+  const path = particlePath(networkId, segments); // path of current container particle
 
   const { particle, isLoading, error } = useLiveParticle(path);
 
@@ -38,9 +39,9 @@ export default function ParticleViewResolver() {
   }
 
   switch (particle.type) {
-    case "stream":
+    case 'stream':
       return <StreamView streamParticle={particle} path={path} />;
-    case "folder":
+    case 'folder':
       return <FolderView folderParticle={particle} path={path} />;
     default:
       return (
@@ -59,7 +60,7 @@ function InaccessibleParticle() {
 
   useEffect(() => {
     // Refresh the networks list so the home page reflects current access.
-    queryClient.invalidateQueries({ queryKey: ["networks"] });
+    queryClient.invalidateQueries({ queryKey: ['networks'] });
   }, [queryClient]);
 
   return (
@@ -71,7 +72,7 @@ function InaccessibleParticle() {
           It may have been deleted, or your access was removed.
         </p>
       </div>
-      <Button size="sm" onClick={() => navigate("/", { replace: true })}>
+      <Button size="sm" onClick={() => navigate('/', { replace: true })}>
         Go home
       </Button>
     </div>