Two-tiered sidebar layout with main content area

This displays a two-tiered sidebar navigation on the left with a main content area on the right. It uses Tailwind CSS classes for styling and layout. The top sidebar is hidden on desktop and shows as a slide-out off-canvas menu on mobile. The bottom sidebar is fixed on desktop and hides on mobile. The main content area has a header, overview cards, and an activity table.