update

src/components/AppBar/AppBar.tsx

@@ -5,6 +5,7 @@ import Profile from "./Profile";
 import Box from "@mui/material/Box";
 import NavigationToggle from "./NavigationToggle";
 import { I18nProvider } from "@/i18n";
+import { Divider, Typography } from "@mui/material";
 
 export interface AppBarProps {
   avatarImageSrc?: string;
@@ -18,12 +19,15 @@ const AppBar: React.FC<AppBarProps> = ({ avatarImageSrc, profileName }) => {
         <Toolbar>
           <NavigationToggle />
           <Box
-            sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end" }}
+            sx={{ flexGrow: 1, display: "flex", justifyContent: "flex-end", flexDirection: "column", alignItems: "flex-end" }}
           >
             <Profile
               avatarImageSrc={avatarImageSrc}
               profileName={profileName}
             />
+            <Typography sx={{ mx: "1rem" }} fontWeight="bold">
+              {profileName}
+            </Typography>
           </Box>
         </Toolbar>
       </MUIAppBar>