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/features/stream-view/StreamMetadataHeader.tsx

@@ -1,9 +1,9 @@
-import { Text, View } from "react-native";
-import type { Network, Particle } from "@/api/types";
-import { resolveHumanDisplay } from "@/lib/humans";
-import { RelativeTimestamp } from "@/components/RelativeTimestamp";
-import { Avatar } from "@/components/Avatar";
-import { useStreamPresence } from "./stream-presence-context";
+import { Text, View } from 'react-native';
+import type { Network, Particle } from '@/api/types';
+import { resolveHumanDisplay } from '@/lib/humans';
+import { RelativeTimestamp } from '@/components/RelativeTimestamp';
+import { Avatar } from '@/components/Avatar';
+import { useStreamPresence } from './stream-presence-context';
 
 interface StreamMetadataHeaderProps {
   particle: Particle | null;
@@ -26,7 +26,7 @@ export function StreamMetadataHeader({
   );
 
   const editedAt =
-    particle.type === "text" ? particle.properties.edited_at : undefined;
+    particle.type === 'text' ? particle.properties.edited_at : undefined;
   const isOnline = particle.created_by_human_id
     ? onlineHumanIds.has(particle.created_by_human_id)
     : false;
@@ -40,10 +40,7 @@ export function StreamMetadataHeader({
         online={isOnline}
       />
       <View className="flex-1">
-        <Text
-          className="text-white text-sm font-semibold"
-          numberOfLines={1}
-        >
+        <Text className="text-white text-sm font-semibold" numberOfLines={1}>
           {display.displayName}
         </Text>
         <View className="flex-row items-center gap-2">
@@ -53,7 +50,7 @@ export function StreamMetadataHeader({
           />
           {editedAt ? (
             <Text className="text-white/40 text-xs">
-              · edited{" "}
+              · edited{' '}
               <RelativeTimestamp date={editedAt} className="text-white/40" />
             </Text>
           ) : null}