RSC Parallel vs Sequential Fetch: Next.js Prompt Example

Create a Next.js App Router page demonstrating two common RSC data fetching patterns: parallel fetch (Promise.all) vs waterfall fetch (sequential). The page should display a list of blog posts with author info. Implement a toggle to switch between parallel and waterfall modes, showing loading times for each. Use a simulated delay (e.g., setTimeout) for posts and authors. The UI should be visually appealing with Tailwind CSS.