Interactive Profile Page - Copy this Html, Bootstrap Component to your project

Create an aesthetic, premium, and professional looking dashboard with a sidebar navigation bar that has open/close functionality controlled by a hamburger menu. When closed, the sidebar should display only icons for each page, and when opened, it should show both icons and the page names. The sidebar should include hover effects and an animated active page effect. The dashboard should feature a title bar with a bold "Jwellety" logo in a Georgia like font and support both light and dark mode. The sidebar will contain navigation links to pages like Profile, Catalogue, Share Manager, Settings, Model Manager, and additional relevant dashboard pages. The Profile page should include a background cover image, the user’s company logo, user details, and sections for different information, including a history of event lists. The Catalogue page should feature two tables: the first table with CRUD functionality for catalog details, and the second as a simple table. Both tables should include filter options. The first table should also have buttons for "Add Catalogue," "Add in Bulk," "Export as Excel," and "Import Excel." The Model Manager page will be identical to the Catalogue page. The Share Manager page should contain a form with two dropdown menus and a table with "Accept" and "Reject" buttons, along with a Status column. The entire dashboard, including all pages, should be fully responsive across mobile devices (iPhone, iPad) and other screens, with smooth animations and styling for an enhanced user experience.