new sidebar for account/settings

client/src/components/Canvas/Canvas.jsx

@@ -7,6 +7,8 @@ import Settings from "./views/Settings"
 import Home from "./views/Home";
 import { DASHBOARD_VIEWS } from "@/constants/viewKeys";
 import { chakra } from "@chakra-ui/react";
+import Personal from "./views/Personal";
+import Security from "./views/Security";
 
 export default function Canvas({...props}) {
   const { view } = props;
@@ -22,6 +24,8 @@ export default function Canvas({...props}) {
             {view === "admin" && <Admin />}
             {view === "account" && <Account />}
             {view === "settings" && <Settings />}
+            {view === "personal" && <Personal />}
+            {view === "security" && <Security />}
         </chakra.div>
     );
 }

client/src/components/Canvas/views/Personal.jsx

@@ -0,0 +1,9 @@
+import { Box } from "@chakra-ui/react";
+
+export default function Personal() {
+  return (
+    <Box color="white" bg="tomato">
+      Hello World
+    </Box>
+  );
+}

client/src/components/Canvas/views/Security.jsx

@@ -0,0 +1,9 @@
+import { Box } from "@chakra-ui/react";
+
+export default function Security() {
+  return (
+    <Box color="white" bg="tomato">
+      Heya
+    </Box>
+  );
+}