Two Column Layout with Sidebar

This layout uses Tailwind CSS to create a two column structure with a sidebar. The header, main content area and sidebar are separated into distinct sections using Tailwind's flexbox and sizing utilities. The header uses shrink-0 to remain a fixed size. The sidebar and content area use flex-1 and flex to take up remaining space. At larger screens, the sidebar moves to the left and content takes up additional width.