Create trainer page

src/routeTree.gen.ts

@@ -11,11 +11,17 @@
 // Import Routes
 
 import { Route as rootRoute } from './routes/__root'
+import { Route as TrainerImport } from './routes/trainer'
 import { Route as TimerImport } from './routes/timer'
 import { Route as IndexImport } from './routes/index'
 
 // Create/Update Routes
 
+const TrainerRoute = TrainerImport.update({
+  path: '/trainer',
+  getParentRoute: () => rootRoute,
+} as any)
+
 const TimerRoute = TimerImport.update({
   path: '/timer',
   getParentRoute: () => rootRoute,
@@ -38,11 +44,19 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof TimerImport
       parentRoute: typeof rootRoute
     }
+    '/trainer': {
+      preLoaderRoute: typeof TrainerImport
+      parentRoute: typeof rootRoute
+    }
   }
 }
 
 // Create and export the route tree
 
-export const routeTree = rootRoute.addChildren([IndexRoute, TimerRoute])
+export const routeTree = rootRoute.addChildren([
+  IndexRoute,
+  TimerRoute,
+  TrainerRoute,
+])
 
 /* prettier-ignore-end */

src/routes/trainer.tsx

@@ -0,0 +1,14 @@
+import { ActionBar } from "@/timer/actionBar";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute('/trainer')({
+  component: Trainer,
+});
+
+function Trainer() {
+  return (
+    <div className="flex flex-col justify-between h-screen w-screen p-2">
+      <ActionBar />
+    </div>
+  );
+}