feat: add soundboard and admin sounds management pages with routing

src/App.tsx

@@ -5,9 +5,11 @@ import { AuthProvider } from '@/components/AuthProvider'
 import { AccountPage } from '@/pages/AccountPage'
 import { ActivityPage } from '@/pages/ActivityPage'
 import { AdminUsersPage } from '@/pages/AdminUsersPage'
+import AdminSoundsPage from '@/pages/AdminSoundsPage'
 import { DashboardPage } from '@/pages/DashboardPage'
 import { LoginPage } from '@/pages/LoginPage'
 import { RegisterPage } from '@/pages/RegisterPage'
+import SoundboardPage from '@/pages/SoundboardPage'
 import { Navigate, Route, BrowserRouter as Router, Routes } from 'react-router'
 import { ThemeProvider } from './components/ThemeProvider'
 
@@ -60,6 +62,19 @@ function App() {
                 </ProtectedRoute>
               }
             />
+            <Route
+              path="/soundboard"
+              element={
+                <ProtectedRoute>
+                  <AppLayout
+                    title="Soundboard"
+                    description="Play and manage sound effects"
+                  >
+                    <SoundboardPage />
+                  </AppLayout>
+                </ProtectedRoute>
+              }
+            />
             <Route
               path="/admin/users"
               element={
@@ -74,6 +89,19 @@ function App() {
                 </ProtectedRoute>
               }
             />
+            <Route
+              path="/admin/sounds"
+              element={
+                <ProtectedRoute requireAdmin>
+                  <AppLayout
+                    title="Sound Management"
+                    description="Scan and normalize sound files"
+                  >
+                    <AdminSoundsPage />
+                  </AppLayout>
+                </ProtectedRoute>
+              }
+            />
 
             <Route path="/" element={<Navigate to="/dashboard" replace />} />
             <Route path="*" element={<Navigate to="/dashboard" replace />} />