Add Todo feature with UI and backend integration

apps/cli/template/with-auth/packages/client/src/components/header.tsx

@@ -16,6 +16,15 @@ export default function Header() {
           >
             Home
           </Link>
+          <Link
+            to="/todos"
+            activeProps={{
+              className: "font-bold",
+            }}
+            activeOptions={{ exact: true }}
+          >
+            Todos
+          </Link>
           <Link
             to="/dashboard"
             activeProps={{

apps/cli/template/with-auth/packages/server/src/routers/index.ts

@@ -1,5 +1,7 @@
 
 import { router, publicProcedure, protectedProcedure } from "../lib/trpc";
+import { todoRouter } from "./todo";
+
 
 export const appRouter = router({
   healthCheck: publicProcedure.query(() => {
@@ -11,6 +13,7 @@ export const appRouter = router({
       user: ctx.session.user,
     };
   }),
+  todo: todoRouter,
 });
 
 export type AppRouter = typeof appRouter;