v3: search engine, responsive header with compact user menu

src/App.tsx

@@ -13,6 +13,7 @@ import { UserUpvoted } from "./pages/UserUpvoted.tsx";
 import { UserPlaylists } from "./pages/UserPlaylists.tsx";
 import { PlaylistDetail } from "./pages/PlaylistDetail.tsx";
 import { Notifications } from "./pages/Notifications.tsx";
+import { Search } from "./pages/Search.tsx";
 
 import { AuthProvider } from "./contexts/AuthProvider.tsx";
 import { PlayerProvider } from "./contexts/PlayerProvider.tsx";
@@ -64,6 +65,7 @@ function AppRoutes() {
               element={<UserPlaylists />}
             />
             <Route path="/playlists/:playlistId" element={<PlaylistDetail />} />
+            <Route path="/search" element={<Search />} />
             <Route
               path="/notifications"
               element={