feat(web): add bgm package browser

apps/web/src/App.tsx

@@ -2,6 +2,8 @@ import { Link, Route, Routes } from 'react-router-dom';
 import SearchPage from './pages/SearchPage';
 import ModPage from './pages/ModPage';
 import FullSetupPage from './pages/FullSetupPage';
+import BgmPage from './pages/BgmPage';
+import BgmPackagePage from './pages/BgmPackagePage';
 
 export default function App() {
   return (
@@ -15,6 +17,9 @@ export default function App() {
             <Link to="/" className="hover:text-zinc-100">
               Search
             </Link>
+            <Link to="/bgm" className="hover:text-zinc-100">
+              BGM
+            </Link>
           </nav>
         </div>
       </header>
@@ -23,6 +28,8 @@ export default function App() {
           <Route path="/" element={<SearchPage />} />
           <Route path="/mod/:id" element={<ModPage />} />
           <Route path="/mod/:id/setup" element={<FullSetupPage />} />
+          <Route path="/bgm" element={<BgmPage />} />
+          <Route path="/bgm/:id" element={<BgmPackagePage />} />
         </Routes>
       </main>
     </div>