style changes

some small style changes like cursor types on hover and some color changes.

client/src/components/layout/Header/Header.jsx

@@ -16,7 +16,7 @@ export default function Header() {
     <chakra.div css={styles}>
       <Button color="color" variant="plain" textStyle="5xl" fontWeight="bold">VDAP</Button>
       <Flex align="center" gap={3} pr={6}>
-        <Stack gap="0" textAlign="right">
+        <Stack gap="0" textAlign="right" cursor="default">
           <Text color="color" fontWeight="bold" textStyle="lg">{user.name}</Text>
           <Text color="fg.muted" textStyle="sm">{user.email}</Text>
         </Stack>

client/src/components/layout/Header/UserAvatarMenu.jsx

@@ -1,30 +1,31 @@
 import { Avatar, Menu, Portal, Box } from "@chakra-ui/react"
 
- 
+
 export default function UserAvatarMenu({ name, avatar }) {
-    return (
-        <Menu.Root>
-            <Menu.Trigger focusRing="none">
-                <Box
-                    rounded="full" 
-                    tabIndex={0}
-                    _hover={{ boxShadow: "0 0 0 2px rgb(102, 122, 182)" }}
-                >
-                    <Avatar.Root shape="full">
-                        <Avatar.Fallback name={name} />
-                        <Avatar.Image src={avatar} />
-                    </Avatar.Root>
-                </Box>
-            </Menu.Trigger>
-            <Portal>
-            <Menu.Positioner zIndex="popover">
-              <Menu.Content>
-                <Menu.Item value="account">Account</Menu.Item>
-                <Menu.Item value="settings">Settings</Menu.Item>
-                <Menu.Item value="logout">Logout</Menu.Item>
-              </Menu.Content>
-            </Menu.Positioner>
-          </Portal>
-        </Menu.Root>
-    );
+	return (
+		<Menu.Root>
+			<Menu.Trigger focusRing="none">
+				<Box
+						rounded="full" 
+						tabIndex={0}
+						_hover={{ boxShadow: "0 0 0 2px rgb(102, 122, 182)" }}
+						cursor="pointer"
+				>
+					<Avatar.Root shape="full">
+						<Avatar.Fallback name={name} />
+						<Avatar.Image src={avatar} />
+					</Avatar.Root>
+				</Box>
+			</Menu.Trigger>
+			<Portal>
+				<Menu.Positioner zIndex="popover">
+					<Menu.Content>
+						<Menu.Item value="account">Account</Menu.Item>
+						<Menu.Item value="settings">Settings</Menu.Item>
+						<Menu.Item value="logout">Logout</Menu.Item>
+					</Menu.Content>
+				</Menu.Positioner>
+			</Portal>
+		</Menu.Root>
+		);
 }