.

src/components/Layout.jsx

@@ -1,7 +1,7 @@
 import { useNavigate, useLocation, Outlet } from 'react-router-dom';
 import {
   Box, Drawer, List, ListItem, ListItemButton, ListItemIcon, ListItemText,
-  AppBar, Toolbar, Typography, Divider, Avatar, Tooltip,
+  AppBar, Toolbar, Typography, Divider, Avatar, Tooltip, IconButton
 } from '@mui/material';
 import PeopleIcon from '@mui/icons-material/People';
 import ArticleIcon from '@mui/icons-material/Article';
@@ -169,8 +169,10 @@ export default function Layout() {
               <Typography variant="h6" color="text.primary" sx={{ flexGrow: 1 }}>
                 {getActiveLabel(location.pathname)}
               </Typography>
-              <Tooltip title="Account">
-                <Avatar sx={{ width: 32, height: 32, bgcolor: 'primary.main', fontSize: 14 }}>A</Avatar>
+              <Tooltip title="Profil">
+                <IconButton onClick={() => navigate('/profile')} sx={{ p: 0 }}>
+                  <Avatar sx={{ width: 32, height: 32, bgcolor: 'primary.main', fontSize: 14 }}>A</Avatar>
+                </IconButton>
               </Tooltip>
             </Toolbar>
           </AppBar>