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/mobile/src/hooks/use-stream-particles.ts

@@ -1,12 +1,12 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { where, type QueryFieldFilterConstraint } from "firebase/firestore";
-import { useLiveParticleChildren } from "@/hooks/use-particle";
-import { useAuthStore } from "@/stores/auth-store";
-import { parseParticlePath, type ParticlePath } from "@/lib/particle-path";
-import type { Particle, StreamProperties } from "@/api/types";
+import { useCallback, useMemo, useState } from 'react';
+import { where, type QueryFieldFilterConstraint } from 'firebase/firestore';
+import { useLiveParticleChildren } from '@/hooks/use-particle';
+import { useAuthStore } from '@/stores/auth-store';
+import { parseParticlePath, type ParticlePath } from '@/lib/particle-path';
+import type { Particle, StreamProperties } from '@/api/types';
 
 export type StreamParticle = Particle & {
-  type: "stream";
+  type: 'stream';
   properties: StreamProperties;
 };
 
@@ -15,8 +15,8 @@ const CLOSED_PAGE_INCREMENT = 50;
 
 // Stable where-constraint references so the Firestore subscription only
 // re-attaches when the tab actually changes, not on every render.
-const OPEN_STATUS_FILTER = where("status", "==", "open");
-const CLOSED_STATUS_FILTER = where("status", "==", "closed");
+const OPEN_STATUS_FILTER = where('status', '==', 'open');
+const CLOSED_STATUS_FILTER = where('status', '==', 'closed');
 
 function useVisibilityScopes(userId?: string, networkId?: string) {
   return useMemo(() => {
@@ -33,7 +33,7 @@ interface UseStreamParticlesOptions {
    * by active work — full realtime coverage is needed for autoplay/huddles).
    * Closed streams are paginated via `loadMore`.
    */
-  status: "open" | "closed";
+  status: 'open' | 'closed';
 }
 
 interface UseStreamParticlesResult {
@@ -56,38 +56,40 @@ export function useStreamParticles(
   const visibilityScopes = useVisibilityScopes(user?.id, networkId);
 
   const [closedLimit, setClosedLimit] = useState(CLOSED_INITIAL_PAGE_SIZE);
+  const [prevStatus, setPrevStatus] = useState(status);
 
-  // Every time the user switches back to the closed tab, start with a fresh
-  // window. Avoids an ever-growing subscription across a long session.
-  useEffect(() => {
-    if (status === "closed") {
+  // Switching back to the closed tab starts a fresh window, avoiding an
+  // ever-growing subscription across a long session.
+  if (status !== prevStatus) {
+    setPrevStatus(status);
+    if (status === 'closed') {
       setClosedLimit(CLOSED_INITIAL_PAGE_SIZE);
     }
-  }, [status]);
+  }
 
   const whereFilter: QueryFieldFilterConstraint =
-    status === "open" ? OPEN_STATUS_FILTER : CLOSED_STATUS_FILTER;
-  const limit = status === "closed" ? closedLimit : undefined;
+    status === 'open' ? OPEN_STATUS_FILTER : CLOSED_STATUS_FILTER;
+  const limit = status === 'closed' ? closedLimit : undefined;
 
   const { children, isLoading, error } = useLiveParticleChildren(path, {
-    orderByField: "last_child_created_at",
-    orderDirection: "desc",
+    orderByField: 'last_child_created_at',
+    orderDirection: 'desc',
     visibilityScopes,
     whereFilter,
     limit,
   });
 
   const streams = useMemo(
-    () => children.filter((c): c is StreamParticle => c.type === "stream"),
+    () => children.filter((c): c is StreamParticle => c.type === 'stream'),
     [children],
   );
 
   // Heuristic: if we got back as many items as we asked for, assume there
   // might be more. Clicking load-more when there are no more is a no-op.
-  const canLoadMore = status === "closed" && streams.length >= closedLimit;
+  const canLoadMore = status === 'closed' && streams.length >= closedLimit;
 
   const loadMore = useCallback(() => {
-    if (status !== "closed") return;
+    if (status !== 'closed') return;
     setClosedLimit((prev) => prev + CLOSED_PAGE_INCREMENT);
   }, [status]);