Two Column Layout with Sidebar and Main Content

This implements a two column layout with a fixed sidebar on the left and a main content area on the right. It uses Tailwind's flexbox utilities to create the columns. The sidebar is hidden on mobile using the lg:hidden utility and shown on larger screens with lg:flex. The main content uses xl:overflow-y-auto to enable scrolling on extra large screens.