Admin Dashboard

Build an admin dashboard for a SaaS application. The dashboard has multiple pages accessible via a sidebar navigation.

The frontend is React with TypeScript and React Router.

Pages

1. Overview (/admin) — Shows summary stats (total users, revenue, active subscriptions) with placeholder data
2. Users (/admin/users) — Table listing users with columns: name, email, role, status, joined date
3. Analytics (/admin/analytics) — Placeholder page that will show charts
4. Settings (/admin/settings) — Application settings form with fields for app name, timezone, and notification preferences

Requirements

• Sidebar navigation with links to all four pages
• Active page highlighted in sidebar
• Each page renders its own content as described above
• The Users table should show sample data (hardcoded array of 10 users is fine)

Output

• src/App.tsx — App with routing and sidebar layout
• src/layouts/AdminLayout.tsx — Layout with sidebar and content area
• src/pages/OverviewPage.tsx — Dashboard overview
• src/pages/UsersPage.tsx — Users table
• src/pages/AnalyticsPage.tsx — Analytics placeholder
• src/pages/SettingsPage.tsx — Settings form

All data is local/hardcoded (no API calls needed). Do not include test files or build configuration.