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/window-controls.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useState } from "react";
-import { Copy, Minus, Square, X } from "lucide-react";
+import { useEffect, useState } from 'react';
+import { Copy, Minus, Square, X } from 'lucide-react';
 
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { platform } from "@/lib/platform";
+import { Button } from '@/components/ui/button';
+import { cn } from '@/lib/utils';
+import { platform } from '@/lib/platform';
 
 export function WindowControls() {
   const [isMaximized, setIsMaximized] = useState(false);
@@ -12,7 +12,7 @@ export function WindowControls() {
     return platform.window.onMaximizeChange(setIsMaximized);
   }, []);
 
-  if (platform.kind !== "electron") return null;
+  if (platform.kind !== 'electron') return null;
 
   const minimize = (
     <Button
@@ -33,7 +33,7 @@ export function WindowControls() {
       variant="ghost"
       size="icon-sm"
       onClick={() => platform.window.maximize()}
-      aria-label={isMaximized ? "Restore" : "Maximize"}
+      aria-label={isMaximized ? 'Restore' : 'Maximize'}
       className="dark:hover:bg-white/10 rounded text-white/50"
     >
       {isMaximized ? <Copy /> : <Square />}
@@ -56,12 +56,6 @@ export function WindowControls() {
   const buttons = [close, maximize, minimize];
 
   return (
-    <div
-      className={cn(
-        "no-drag flex items-center gap-0.5"
-      )}
-    >
-      {buttons}
-    </div>
+    <div className={cn('no-drag flex items-center gap-0.5')}>{buttons}</div>
   );
 }