feat: add new pages and layout components for improved navigation and structure

- Added AppLayout component to standardize page layout with breadcrumb support.
- Introduced AppSidebar for navigation with user-specific links and admin options.
- Created new pages: SoundsPage, PlaylistsPage, ExtractionsPage, UsersPage, and SettingsPage.
- Removed obsolete SocketStatus component and replaced it with SocketBadge for connection status.
- Updated DashboardPage to utilize the new layout and sidebar components.
- Added NavGroup and NavItem components for better organization of sidebar navigation.
- Included SocketBadge to display real-time connection status.
- Updated package.json to include vitest and coverage-v8 for testing and coverage reporting.

src/App.tsx

@@ -6,6 +6,11 @@ import { LoginPage } from './pages/LoginPage'
 import { RegisterPage } from './pages/RegisterPage'
 import { AuthCallbackPage } from './pages/AuthCallbackPage'
 import { DashboardPage } from './pages/DashboardPage'
+import { SoundsPage } from './pages/SoundsPage'
+import { PlaylistsPage } from './pages/PlaylistsPage'
+import { ExtractionsPage } from './pages/ExtractionsPage'
+import { UsersPage } from './pages/admin/UsersPage'
+import { SettingsPage } from './pages/admin/SettingsPage'
 import { Toaster } from './components/ui/sonner'
 
 function ProtectedRoute({ children }: { children: React.ReactNode }) {
@@ -35,6 +40,31 @@ function AppRoutes() {
           <DashboardPage />
         </ProtectedRoute>
       } />
+      <Route path="/sounds" element={
+        <ProtectedRoute>
+          <SoundsPage />
+        </ProtectedRoute>
+      } />
+      <Route path="/playlists" element={
+        <ProtectedRoute>
+          <PlaylistsPage />
+        </ProtectedRoute>
+      } />
+      <Route path="/extractions" element={
+        <ProtectedRoute>
+          <ExtractionsPage />
+        </ProtectedRoute>
+      } />
+      <Route path="/admin/users" element={
+        <ProtectedRoute>
+          <UsersPage />
+        </ProtectedRoute>
+      } />
+      <Route path="/admin/settings" element={
+        <ProtectedRoute>
+          <SettingsPage />
+        </ProtectedRoute>
+      } />
     </Routes>
   )
 }