Added better archive functionalty (backend side atm)

Code refactoring

frontend/src/router.tsx

@@ -9,6 +9,7 @@ const Login = lazy(() => import('./views/Login'))
 const Archive = lazy(() => import('./views/Archive'))
 const Settings = lazy(() => import('./views/Settings'))
 const LiveStream = lazy(() => import('./views/Livestream'))
+const Filebrowser = lazy(() => import('./views/Filebrowser'))
 
 const ErrorBoundary = lazy(() => import('./components/ErrorBoundary'))
 
@@ -59,6 +60,19 @@ export const router = createHashRouter([
           </Suspense >
         )
       },
+      {
+        path: '/filebrowser',
+        element: (
+          <Suspense fallback={<CircularProgress />}>
+            <Filebrowser />
+          </Suspense >
+        ),
+        errorElement: (
+          <Suspense fallback={<CircularProgress />}>
+            <ErrorBoundary />
+          </Suspense >
+        )
+      },
       {
         path: '/login',
         element: (