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

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

@@ -8,7 +8,7 @@ const user = {
   // avatar: "src\\assets\\user_profile.svg"
 }
 
-export default function Header() {
+export default function Header({ view, setView }) {
   const recipe = useRecipe({ key: "header" });
   const styles = recipe();
 
@@ -20,7 +20,12 @@ export default function Header() {
           <Text color="color" fontWeight="bold" textStyle="lg">{user.name}</Text>
           <Text color="fg.muted" textStyle="sm">{user.email}</Text>
         </Stack>
-        <UserAvatarMenu name={user.name} avatar={user.avatar} />
+        <UserAvatarMenu 
+          name={user.name} 
+          avatar={user.avatar} 
+          view={ view }
+          setView={ setView }
+        />
       </Flex>
     </chakra.div>
   );