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

client/src/components/layout/Canvas/Canvas.jsx

@@ -7,6 +7,8 @@ import GlobalMapCanvas from "./views/GlobalMapCanvas";
 import RegionalMapCanvas from "./views/RegionalMapCanvas";
 import VolcanoCanvas from "./views/VolcanoCanvas";
 import AdminCanvas from "./views/AdminCanvas";
+import AccountCanvas from "./views/AccountCanvas"
+import SettingsCanvas from "./views/SettingsCanvas"
 import { DashboardCanvas } from "./views/DashboardCanvas";
 import { DASHBOARD_VIEWS } from "@/constants/viewKeys";
 
@@ -30,6 +32,8 @@ export default function Canvas({ view, setView, layout, setLayout, onLayoutChang
             {view === "regional" && <RegionalMapCanvas />}
             {view === "volcano" && <VolcanoCanvas />}
             {view === "admin" && <AdminCanvas />}
+            {view === "account" && <AccountCanvas />}
+            {view === "settings" && <SettingsCanvas />}
         </Box>
     );
 }

client/src/components/layout/Canvas/views/AccountCanvas.jsx

@@ -0,0 +1,24 @@
+import { Box, Text } from '@chakra-ui/react';
+
+export default function AccountCanvas() {
+  return (
+    <Box p={8} mt={4} ml="auto" mr="auto" width="600px">
+      <Box 
+        bg="bg" 
+        shadow="md" 
+        borderRadius="md"
+        p={8}
+        width="600px"
+        height="100px"
+        textAlign="center"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Text fontsize="2xl" fontWeight="bold" color="gray.700">
+            Account Canvas coming soon!
+        </Text>
+      </Box>
+    </Box>
+  );
+}

client/src/components/layout/Canvas/views/SettingsCanvas.jsx

@@ -0,0 +1,24 @@
+import { Box, Text } from '@chakra-ui/react';
+
+export default function SettingsCanvas() {
+  return (
+    <Box p={8} mt={4} ml="auto" mr="auto" width="600px">
+      <Box 
+        bg="bg" 
+        shadow="md" 
+        borderRadius="md"
+        p={8}
+        width="600px"
+        height="100px"
+        textAlign="center"
+        display="flex"
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Text fontsize="2xl" fontWeight="bold" color="gray.700">
+            Settings Canvas coming soon!
+        </Text>
+      </Box>
+    </Box>
+  );
+}