1. Main Container: Dashboard Component Prompt: less Copy code Create a `Dashboard` component that serves as the primary container for the application. It should utilize a flex layout to house two main sections: a left-side navigation menu occupying 25% of the viewport width and a main content area taking up the remaining 75%. Ensure the layout is fully responsive and leverages Vue's component nesting capabilities. 2. Left-Side Navigation Menu Prompt: markdown Copy code - Within the `Dashboard` component, implement a `SidebarMenu` component with the following specifications: - **Width:** 25% of the viewport. - **Background:** Dark charcoal (#2D2D2D). - **Appearance:** Inset effect achieved through subtle inner shadows and a right border to distinguish it from the main content. - **Typography:** Use the \"Inter\" font in an enterprise style. - **Text Color:** White or light grey for high contrast. - **Menu Items:** Display menu items with a clean and professional layout, incorporating gradient line dividers between items. The dividers should transition from transparent to light grey with 80% opacity.**Enhancements:** Include subtle hover effects and active state indicators to enhance interactivity and user feedback. 3. Main Content Area Layout Design the `MainContent` component within the `Dashboard` to occupy 75% of the viewport width. This component should be divided into two nested sections: - **Primary Section:** Takes up 75% of the `MainContent` width, intended for displaying primary content such as dashboards, reports, or data visualizations. - **Secondary Section:** Occupies the remaining 25% and remains hidden by default. It should only be visible when a specific prop or parameter is passed. Style this section with a light gray, faded background and a da

Versions

ok the avatar and logout link needs to be on the very bottom of the page. The dashboard/profile etc needs to be vertically stacked in a column. The black menu at the top, the text needs to be on the right side. I would also like a very shallow/light container, flat, no or minimal shadow, for the main content,. I would also like some sample text, components, widgets, skeletons, etc. Just to play around with looks Place a X close button at the top of the left menu