Default Component - Copy this React, Tailwind Component to your project

Design a loading screen for a web page with the following layout: 1. **Sidebar:** The sidebar should be visible but have a faded or gray out effect to indicate the loading state. Include placeholder icons or text for the sidebar items. 2. **Main Content Section:** Display a skeleton loader for the main content area. This could include placeholder cards, text, or image blocks to simulate loading content. Use animated shimmer effects or a pulsing effect to show the loading state clearly. 3. **Loading Indicator:** Add a central circular loader or a bar at the top or center of the content area to indicate that data is being fetched. The loader should have a smooth animation, like spinning or pulsing. Optionally, display a "Loading..." text below the loader with a subtle animation effect. Ensure the loading experience is smooth, with subtle animations and a clear indication that content is loading. Use muted background colors for the sidebar and main content section while ensuring the loading elements are visible and engaging. The design should be responsive for mobile and desktop views.