Even cleaner header and auth pages

gui/rpk-gui/src/App.tsx

@@ -8,6 +8,7 @@ import {
 import CssBaseline from "@mui/material/CssBaseline";
 import GlobalStyles from "@mui/material/GlobalStyles";
 import { ThemeProvider } from "@mui/material/styles";
+import HistoryEduIcon from '@mui/icons-material/HistoryEdu';
 import routerBindings, {
   CatchAllNavigate,
   DocumentTitleHandler,
@@ -40,6 +41,10 @@ function App() {
               notificationProvider={useNotificationProvider}
               routerProvider={routerBindings}
               options={{
+                title: {
+                  text: "Roleplay Contracts",
+                  icon: <HistoryEduIcon />
+                },
                 syncWithLocation: true,
                 warnWhenUnsavedChanges: true,
                 useNewQueryKeys: true,
@@ -72,13 +77,13 @@ function App() {
                   <Route path="hub/*" element={<HubRoutes />} />
                   <Route path="firm/*" element={<FirmRoutes />} />
                 </Route>
-                <Route path="auth/*" element={<><Header /><Outlet /></>}>
+                <Route path="auth/*" element={<Outlet />}>
                   <Route path="login" element={<Login />} />
                   <Route path="register" element={<Register />} />
                   <Route path="forgot-password" element={<ForgotPassword />} />
                   <Route path="update-password" element={<UpdatePassword />} />
                 </Route>
-                <Route index element={<><Header /><h1>HOME&nbsp;</h1></>} />
+                <Route index element={<><Header /><h1>HOME</h1></>} />
               </Routes>
               <UnsavedChangesNotifier />
               <DocumentTitleHandler />