can now import repos and have more settings for creating new ones.

frontend/src/App.tsx

@@ -21,6 +21,8 @@ const LoginPage         = lazy(() => import('./pages/LoginPage'))
 const RegisterPage      = lazy(() => import('./pages/RegisterPage'))
 const DashboardPage     = lazy(() => import('./pages/DashboardPage'))
 const ReposPage         = lazy(() => import('./pages/ReposPage'))
+const CreateRepoPage    = lazy(() => import('./pages/CreateRepoPage'))
+const ImportRepoPage    = lazy(() => import('./pages/ImportRepoPage'))
 const RepoPage          = lazy(() => import('./pages/RepoPage'))
 const BlobPage          = lazy(() => import('./pages/BlobPage'))
 const RepoSettingsPage  = lazy(() => import('./pages/RepoSettingsPage'))
@@ -68,6 +70,8 @@ export default function App() {
               <Route index element={<S><DashboardPage /></S>} />
 
               <Route path="repos"                                    element={<S><ReposPage /></S>} />
+              <Route path="repos/new"                              element={<S><CreateRepoPage /></S>} />
+              <Route path="repos/import"                           element={<S><ImportRepoPage /></S>} />
               <Route path="repos/:owner/:repo"                     element={<S><RepoPage /></S>} />
               <Route path="repos/:owner/:repo/blob"               element={<S><BlobPage /></S>} />
               <Route path="repos/:owner/:repo/commits"             element={<S><CommitsPage /></S>} />