Add bucket browser page

frontend/src/App.tsx

 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import { BucketInfo } from './models/bucket';
+import { BucketBrowser } from './routes/BucketBrowser';
 import { staticRouts } from './routes';
 import APIService from './services/APIService';
 import { BucketsListContext } from './services/BucketListContext';
@@ -21,13 +22,21 @@ function App() {
       });
   }, [isAuthenticated]);
 
-
-  const router = createBrowserRouter(staticRouts.map(route => {
+  let routes = staticRouts.map(route => {
     return {
       path: route.path,
       element: route.element
     }
-  }))
+  });
+
+  routes.push(...bucketList.map(bucketInfo => {
+    return {
+      path: "/" + bucketInfo.name,
+      element: <BucketBrowser bucketName={bucketInfo.name} />
+    }
+  }));
+
+  const router = createBrowserRouter(routes);
 
   return (
     <div className="flex mb-4">

frontend/src/routes/BucketBrowser/index.tsx

+import { Page } from '../../components/Page';
+
+type PropsType = {
+  bucketName: string
+}
+
+export const BucketBrowser = ({ bucketName }: PropsType) => {
+
+  return (
+    <Page title={bucketName}>
+      <div>
+
+      </div>
+    </Page>
+  )
+}
\ No newline at end of file