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/autoplay_window/AutoplayApp.tsx

@@ -1,6 +1,6 @@
-import { useCallback, useEffect, useState } from "react";
-import type { AutoplayPayload } from "@/lib/autoplay-ipc";
-import { AutoplayCardContent } from "@/components/autoplay-card-content";
+import { useCallback, useEffect, useState } from 'react';
+import type { AutoplayPayload } from '@/lib/autoplay-ipc';
+import { AutoplayCardContent } from '@/components/autoplay-card-content';
 
 export function AutoplayApp() {
   const [payload, setPayload] = useState<AutoplayPayload | null>(null);

js/desktop/src/autoplay_window/renderer.tsx

@@ -5,5 +5,7 @@ import '@/styles/globals.css';
 
 initSentryRenderer();
 
-const root = createRoot(document.getElementById('root')!);
+const container = document.getElementById('root');
+if (!container) throw new Error('Root element #root not found');
+const root = createRoot(container);
 root.render(<AutoplayApp />);