Dashboard - Copy this React, Tailwind Component to your project
want-to-create-a-layout-for-a-dashboard-application-with-the-following-requirements:-Layout-Structure:-A-grid-based-layout-that-is-responsive-to-screen-sizes.-Left-Sidebar:-Contains-navigation-options-such-as-My-Feed,-Following,-Explore,-Bookmarks,-and-History.-Can-be-toggled-(show/hide)-with-smooth-transitions.-Sidebar-width-should-be-customizable-(e.g.,-collapsed-width:-80px,-expanded-width:-300px).-Supports-a-sliding-animation-for-opening-and-closing.-In-mobile-view,-the-sidebar-is-hidden-by-default-and-opens-via-a-hamburger-menu.-Main-Content-Area:-Displays-content-cards-in-a-responsive-grid-layout.-Top-Bar:-Includes-a-search-bar,-profile-settings,-and-a-"New-Post"-button.-Technical-Requirements:-Use-React-+-TypeScript.-Styling-with-SCSS/CSS-modules.-Fully-responsive-for-desktop,-tablet,-and-mobile-devices.-Support-animations-for-interactions-(e.g.,-sidebar-toggling,-card-hover-effects).-Breakpoints-for-responsive-layouts:-Desktop:-Grid-layout-with-3-or-more-columns.-Tablet:-Grid-layout-with-2-columns.-Mobile:-Single-column-layout.-Features:-Sidebar:-Can-toggle-(show/hide)-on-smaller-screens.-Smooth-sliding-transitions-for-opening-and-closing.-Dynamic-content-adjustment-based-on-the-sidebar's-state-(e.g.,-full-labels-in-expanded-state,-icons-only-in-collapsed-state).-Sidebar-is-initially-expanded-on-desktop-but-collapsible-as-needed.-Mobile-devices-use-an-overlay-or-hamburger-menu-to-display-the-sidebar.-Smooth-Transitions:-Include-CSS-transitions-for-layout-adjustments-(e.g.,-sliding-sidebar,-resizing-main-content).-Content-Cards:-Support-customizable-sizes-and-consistent-styling.-Include-hover-and-focus-effects-for-interactive-elements.-Responsive-Adjustments:-The-layout-automatically-adapts-based-on-screen-size-(e.g.,-grid-layout-changes,-sidebar-visibility-toggles).-Auxiliary-Components:-Modal-container-for-full-screen-modals-(e.g.,-feedback-form-or-settings).-Overlay-for-popup/modal-dialogs-or-when-the-sidebar-is-open-on-mobile.-Reusable-card-component-for-displaying-content-dynamically.-Toast-notifications-for-user-interactions.-Please-create-a-basic-code-structure-with-the-necessary-components,-including-the-grid-system,-toggleable-sidebar-with-transitions,-top-bar,-and-card-components,-along-with-responsive-styling.
