Add user account and settings boilerplate. UserAvatarMenu now navigates to placeholder pages for both Account and Settings

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

@@ -1,7 +1,7 @@
 import { Avatar, Menu, Portal, Box } from "@chakra-ui/react"
 
 
-export default function UserAvatarMenu({ name, avatar }) {
+export default function UserAvatarMenu({ view, setView, name, avatar }) {
 	return (
 		<Menu.Root>
 			<Menu.Trigger focusRing="none">
@@ -21,9 +21,15 @@ export default function UserAvatarMenu({ name, avatar }) {
 				{/* zIndex: overlay = 1300 */}
 				<Menu.Positioner zIndex="overlay"> 
 					<Menu.Content>
-						<Menu.Item value="account">Account</Menu.Item>
-						<Menu.Item value="settings">Settings</Menu.Item>
-						<Menu.Item value="logout">Logout</Menu.Item>
+						<Menu.Item value="account" onClick={() => setView("account")}>
+							Account
+						</Menu.Item>
+						<Menu.Item value="settings" onClick={() => setView("settings")}>
+							Settings
+						</Menu.Item>
+						<Menu.Item value="logout" onClick={() => console.log("Log out triggered")}>
+							Logout
+						</Menu.Item>
 					</Menu.Content>
 				</Menu.Positioner>
 			</Portal>