feat: implement sidebar and random pages for test

src/App.tsx

@@ -1,9 +1,13 @@
-import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router'
+import { AppLayout } from '@/components/AppLayout'
+import { ProtectedRoute } from '@/components/ProtectedRoute'
 import { AuthProvider } from '@/contexts/AuthContext'
+import { ActivityPage } from '@/pages/ActivityPage'
+import { AdminUsersPage } from '@/pages/AdminUsersPage'
+import { DashboardPage } from '@/pages/DashboardPage'
 import { LoginPage } from '@/pages/LoginPage'
 import { RegisterPage } from '@/pages/RegisterPage'
-import { DashboardPage } from '@/pages/DashboardPage'
-import { ProtectedRoute } from '@/components/ProtectedRoute'
+import { SettingsPage } from '@/pages/SettingsPage'
+import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router'
 
 function App() {
   return (
@@ -12,14 +16,49 @@ function App() {
         <Routes>
           <Route path="/login" element={<LoginPage />} />
           <Route path="/register" element={<RegisterPage />} />
-          <Route 
-            path="/dashboard" 
+
+          {/* Protected routes with layout */}
+          <Route
+            path="/dashboard"
             element={
               <ProtectedRoute>
-                <DashboardPage />
+                <AppLayout>
+                  <DashboardPage />
+                </AppLayout>
               </ProtectedRoute>
-            } 
+            }
           />
+          <Route
+            path="/activity"
+            element={
+              <ProtectedRoute>
+                <AppLayout>
+                  <ActivityPage />
+                </AppLayout>
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path="/settings"
+            element={
+              <ProtectedRoute>
+                <AppLayout>
+                  <SettingsPage />
+                </AppLayout>
+              </ProtectedRoute>
+            }
+          />
+          <Route
+            path="/admin/users"
+            element={
+              <ProtectedRoute requireAdmin>
+                <AppLayout>
+                  <AdminUsersPage />
+                </AppLayout>
+              </ProtectedRoute>
+            }
+          />
+
           <Route path="/" element={<Navigate to="/dashboard" replace />} />
           <Route path="*" element={<Navigate to="/dashboard" replace />} />
         </Routes>