Two Column Layout with Sidebar

This layout utilizes Tailwind CSS's flexbox utilities to create a two column layout with a sidebar. The header contains a responsive mobile menu and inbox selection dropdown. The main content area has two columns - a sidebar for the message list on the left, and the message contents on the right. It is responsive, adapting to mobile screens by stacking the columns vertically.