add auth

dashboard_js/app/root.tsx

@@ -10,6 +10,7 @@ import {
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { Amplify } from 'aws-amplify'
 import { AuthProvider } from '~/hooks/use-auth'
+import { Smallest as Logo } from '~/components/logo'
 import amplifyconfig from './amplifyconfiguration.json'
 
 Amplify.configure(amplifyconfig)
@@ -59,16 +60,7 @@ export default function App() {
 
 export function HydrateFallback() {
   return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <div className="w-10 h-10 border-4 border-gray-300 border-t-4 border-t-blue-500 rounded-full animate-spin" />
-
-      <style>{`
-        @keyframes spin {
-          0% { transform: rotate(0deg); }
-          100% { transform: rotate(360deg); }
-        }
-      `}</style>
-    </div>
+    <Logo className="w-14 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2" />
   )
 }