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/app-error-boundary.tsx

@@ -1,12 +1,12 @@
-import type { PropsWithChildren } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { useLocation } from "react-router-dom";
-import { useQueryErrorResetBoundary } from "@tanstack/react-query";
-import { reportError } from "@/lib/errors";
+import type { PropsWithChildren } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { useLocation } from 'react-router-dom';
+import { useQueryErrorResetBoundary } from '@tanstack/react-query';
+import { reportError } from '@/lib/errors';
 import {
   RouteErrorFallback,
   TopLevelErrorFallback,
-} from "@/components/error-fallback";
+} from '@/components/error-fallback';
 
 /** Catches render crashes OUTSIDE the router so bootstrap failures still recover. */
 export function TopLevelErrorBoundary({ children }: PropsWithChildren) {
@@ -15,7 +15,7 @@ export function TopLevelErrorBoundary({ children }: PropsWithChildren) {
       FallbackComponent={TopLevelErrorFallback}
       onError={(error, info) =>
         reportError(error, {
-          boundary: "top",
+          boundary: 'top',
           componentStack: info.componentStack,
         })
       }
@@ -37,7 +37,7 @@ export function RouteErrorBoundary({ children }: PropsWithChildren) {
       FallbackComponent={RouteErrorFallback}
       onError={(error, info) =>
         reportError(error, {
-          boundary: "route",
+          boundary: 'route',
           pathname: location.pathname,
           componentStack: info.componentStack,
         })