Rename and Restructure

+ took out extra 'layout' directory.
+ 'Canvas' postfix removed from all files in the views directory.
+ "WidgetCanvas" renamed to "MyDashboard"

client/src/components/Header/UserAvatarMenu.jsx

@@ -0,0 +1,38 @@
+import { Avatar, Menu, Portal, Box } from "@chakra-ui/react"
+
+
+export default function UserAvatarMenu({ onChangeView, name, avatar }) {
+	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>
+				{/* zIndex: overlay = 1300 */}
+				<Menu.Positioner zIndex="overlay"> 
+					<Menu.Content>
+						<Menu.Item value="account" onClick={() => onChangeView("account")}>
+							Account
+						</Menu.Item>
+						<Menu.Item value="settings" onClick={() => onChangeView("settings")}>
+							Settings
+						</Menu.Item>
+						<Menu.Item value="logout" onClick={() => console.log("Log out triggered")}>
+							Logout
+						</Menu.Item>
+					</Menu.Content>
+				</Menu.Positioner>
+			</Portal>
+		</Menu.Root>
+		);
+}