admin dashboard

frontend/src/routes.tsx

@@ -6,6 +6,7 @@ import { LiveBlogsComponent } from './components/routes/LiveBlogsComponent'
 import { LiveBlogDetailComponent } from './components/routes/LiveBlogDetailComponent'
 import { LiveBlogAdminComponent } from './components/routes/LiveBlogAdminComponent'
 import { CreateLiveBlogComponent } from './components/routes/CreateLiveBlogComponent'
+import { AdminDashboardComponent } from './components/routes/AdminDashboardComponent'
 import { LiveBlogTicker } from './components/features/live-blog/LiveBlogTicker'
 import { PinnedLiveBlogSidebar } from './components/features/live-blog/PinnedLiveBlogSidebar'
 import './styles.css'
@@ -26,20 +27,23 @@ const rootRoute = createRootRoute({
           <h1 className="text-3xl font-bold">
             <Link to="/" className="hover:underline">Placebo.mk</Link>
           </h1>
-           <nav className="flex gap-4">
-             <Link to="/" className="text-sm font-medium hover:underline">
-               Home
-             </Link>
-             <Link to="/articles" className="text-sm font-medium hover:underline">
-               Articles
-             </Link>
-             <Link to="/live-blogs" className="text-sm font-medium hover:underline">
-               Live
-             </Link>
-             <Link to="/admin/live-blogs/create" className="text-sm font-medium hover:underline text-primary">
-               + New Live Blog
-             </Link>
-           </nav>
+            <nav className="flex gap-4">
+              <Link to="/" className="text-sm font-medium hover:underline">
+                Home
+              </Link>
+              <Link to="/articles" className="text-sm font-medium hover:underline">
+                Articles
+              </Link>
+              <Link to="/live-blogs" className="text-sm font-medium hover:underline">
+                Live
+              </Link>
+              <Link to="/admin" className="text-sm font-medium hover:underline text-primary">
+                Admin
+              </Link>
+              <Link to="/admin/live-blogs/create" className="text-sm font-medium hover:underline text-primary">
+                + New Live Blog
+              </Link>
+            </nav>
         </div>
       </header>
 
@@ -247,6 +251,12 @@ const createLiveBlogRoute = createRoute({
   component: CreateLiveBlogComponent,
 })
 
+const adminDashboardRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/admin',
+  component: AdminDashboardComponent,
+})
+
 const routeTree = rootRoute.addChildren([
   indexRoute, 
   articlesRoute, 
@@ -255,6 +265,7 @@ const routeTree = rootRoute.addChildren([
   liveBlogDetailRoute,
   liveBlogAdminRoute,
   createLiveBlogRoute,
+  adminDashboardRoute,
 ])
 
 export const router = createRouter({ routeTree })