Can copy invitation code to clipboard

geneit_app/src/widgets/BaseAuthenticatedPage.tsx

@@ -1,7 +1,7 @@
 import { mdiFamilyTree } from "@mdi/js";
 import Icon from "@mdi/react";
 import SettingsIcon from "@mui/icons-material/Settings";
-import { Button } from "@mui/material";
+import { Box, Button } from "@mui/material";
 import AppBar from "@mui/material/AppBar";
 import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
@@ -61,11 +61,20 @@ export function BaseAuthenticatedPage(): React.ReactElement {
             reloadUserInfo: load,
           }}
         >
-          <div
-            style={{
+          <Box
+            component="div"
+            sx={{
               minHeight: "100vh",
               display: "flex",
               flexDirection: "column",
+              backgroundColor: (theme) =>
+                theme.palette.mode === "light"
+                  ? theme.palette.grey[100]
+                  : theme.palette.grey[900],
+              color: (theme) =>
+                theme.palette.mode === "light"
+                  ? theme.palette.grey[900]
+                  : theme.palette.grey[100],
             }}
           >
             <AppBar position="sticky">
@@ -122,7 +131,7 @@ export function BaseAuthenticatedPage(): React.ReactElement {
               </Toolbar>
             </AppBar>
             <Outlet />
-          </div>
+          </Box>
         </UserContextK.Provider>
       )}
     />