diff --git a/app/root.tsx b/app/root.tsx
index c4b6918..bd2a232 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -1,77 +1,71 @@
-import type { LinksFunction, MetaFunction } from 'react-router';
-import {
- Links,
- Meta,
- Outlet,
- Scripts,
- ScrollRestoration,
- useNavigation,
-} from 'react-router';
-import '@fontsource-variable/inter';
-import { ExternalScripts } from 'remix-utils/external-scripts';
-import ProgressBar from '~/components/ProgressBar';
-import ToastProvider from '~/components/ToastProvider';
-import stylesheet from '~/tailwind.css?url';
-import { LiveDataProvider } from '~/utils/live-data';
-import { useToastQueue } from '~/utils/toast';
-import type { Route } from './+types/root';
-import { ErrorBanner } from './components/error-banner';
+import type { LinksFunction, MetaFunction } from "react-router";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration, useNavigation } from "react-router";
+import "@fontsource-variable/inter";
+import { ExternalScripts } from "remix-utils/external-scripts";
+
+import ProgressBar from "~/components/ProgressBar";
+import ToastProvider from "~/components/ToastProvider";
+import { LiveDataProvider } from "~/utils/live-data";
+import { useToastQueue } from "~/utils/toast";
+
+import type { Route } from "./+types/root";
+import { ErrorBanner } from "./components/error-banner";
+
+import stylesheet from "~/tailwind.css?url";
export const meta: MetaFunction = () => [
- { title: 'Headplane' },
- {
- name: 'description',
- content: 'A frontend for the headscale coordination server',
- },
+ { title: "Headplane" },
+ {
+ name: "description",
+ content: "A frontend for the headscale coordination server",
+ },
];
-export const links: LinksFunction = () => [
- { rel: 'stylesheet', href: stylesheet },
-];
+export const links: LinksFunction = () => [{ rel: "stylesheet", href: stylesheet }];
export function Layout({ children }: { readonly children: React.ReactNode }) {
- const toastQueue = useToastQueue();
+ const toastQueue = useToastQueue();
- // LiveDataProvider is wrapped at the top level since dialogs and things
- // that control its state are usually open in portal containers which
- // are not a part of the normal React tree.
- return (
-
-
-
-
-
-
-
-
-
-
- {children}
-
-
-
-
-
-
-
- );
+ // LiveDataProvider is wrapped at the top level since dialogs and things
+ // that control its state are usually open in portal containers which
+ // are not a part of the normal React tree.
+ return (
+
+
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+
+
+
+ );
}
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
- return (
-