moving a LOT of stuff around in web ui

webui/src/main.jsx

@@ -7,7 +7,7 @@ import './index.css'
 // Theme artwork is a separate style concern from global component utilities. Loading its dedicated
 // entrypoint here keeps every route consistent without returning theme definitions to index.css.
 import './themes/styles/index.css'
-import App from './App.jsx'
+import DriverPageRoot from './driver/DriverPageRoot.jsx'
 import { SocketProvider } from './context/SocketContext.jsx'
 import { SessionProvider } from './context/SessionContext.jsx'
 import { TelemetryProvider } from './context/TelemetryContext.jsx'
@@ -38,7 +38,7 @@ createRoot(document.getElementById('root')).render(
               <BrowserRouter>
                 <AnalyticsReporter />
                 <Routes>
-                  <Route path="/" element={<App />} />
+                  <Route path="/" element={<DriverPageRoot />} />
                   <Route path="/spectate" element={<SpectatorApp />} />
                   <Route path="/mini" element={<MiniSummaryApp />} />
                   <Route path="/display" element={<ServerDisplayApp />} />