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/components/ComposingIndicator.tsx

@@ -1,15 +1,15 @@
-import { useEffect } from "react";
-import { Text, View } from "react-native";
+import { useEffect } from 'react';
+import { Text, View } from 'react-native';
 import Animated, {
   Easing,
   useAnimatedStyle,
   useSharedValue,
   withRepeat,
   withTiming,
-} from "react-native-reanimated";
-import type { Human } from "@/api/types";
-import { resolveHumanDisplay } from "@/lib/humans";
-import type { ComposingUser } from "@/features/stream-view/stream-presence-context";
+} from 'react-native-reanimated';
+import type { Human } from '@/api/types';
+import { resolveHumanDisplay } from '@/lib/humans';
+import type { ComposingUser } from '@/features/stream-view/stream-presence-context';
 
 interface ComposingIndicatorProps {
   users: ComposingUser[];
@@ -29,13 +29,16 @@ export function ComposingIndicator({
   if (users.length === 0) return null;
 
   return (
-    <View pointerEvents="none" className="flex-row flex-wrap items-center gap-1.5">
+    <View
+      pointerEvents="none"
+      className="flex-row flex-wrap items-center gap-1.5"
+    >
       {users.map((u) => {
         const { displayName } = resolveHumanDisplay(u.humanId, networkHumans);
         const label =
-          u.mode === "recording"
+          u.mode === 'recording'
             ? `${displayName} is recording`
-            : u.mode === "screen"
+            : u.mode === 'screen'
               ? `${displayName} is sharing`
               : `${displayName} is typing`;
 
@@ -87,9 +90,6 @@ function Dot({ delay }: { delay: number }) {
   }));
 
   return (
-    <Animated.View
-      className="bg-white/85 h-1 w-1 rounded-full"
-      style={style}
-    />
+    <Animated.View className="bg-white/85 h-1 w-1 rounded-full" style={style} />
   );
 }