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/components/autoplay-card-content.tsx

@@ -1,6 +1,6 @@
-import { useRef } from "react";
-import { X } from "lucide-react";
-import type { AutoplayPayload } from "@/lib/autoplay-ipc";
+import { useRef } from 'react';
+import { X } from 'lucide-react';
+import type { AutoplayPayload } from '@/lib/autoplay-ipc';
 
 interface AutoplayCardContentProps {
   payload: AutoplayPayload;
@@ -17,7 +17,7 @@ export function AutoplayCardContent({
 }: AutoplayCardContentProps) {
   const mediaRef = useRef<HTMLVideoElement | HTMLAudioElement | null>(null);
 
-  const isVideo = payload.mimeType.startsWith("video/");
+  const isVideo = payload.mimeType.startsWith('video/');
 
   const handleClick = () => {
     mediaRef.current?.pause();
@@ -56,7 +56,9 @@ export function AutoplayCardContent({
             <div className="flex size-6 shrink-0 items-center justify-center rounded-full bg-white/20 text-[10px] font-medium text-white">
               {payload.senderInitials}
             </div>
-            <p className="truncate text-xs text-white/80">{payload.senderName}</p>
+            <p className="truncate text-xs text-white/80">
+              {payload.senderName}
+            </p>
           </div>
         </>
       ) : (
@@ -72,7 +74,9 @@ export function AutoplayCardContent({
               {payload.senderInitials}
             </div>
             <div className="min-w-0 flex-1">
-              <p className="truncate text-sm font-medium text-card-foreground">{payload.senderName}</p>
+              <p className="truncate text-sm font-medium text-card-foreground">
+                {payload.senderName}
+              </p>
               <p className="text-xs text-muted-foreground">Playing audio...</p>
             </div>
           </div>