Split the Dashboard from All Tasks. (#10)

Reviewed-on: #10
Co-authored-by: Drew Galbraith <drew@tiramisu.one>
Co-committed-by: Drew Galbraith <drew@tiramisu.one>

frontend/app/routes/home.tsx

@@ -5,7 +5,7 @@ import type { Task } from '~/types/task'
 
 export function meta(_: Route.MetaArgs) {
   return [
-    { title: "Captain's Log - Tasks" },
+    { title: "Captain's Log - Dashboard" },
     { name: 'description', content: 'Task Dashboard' },
   ]
 }
@@ -14,7 +14,7 @@ export async function loader(): Promise<{ tasks: Task[] }> {
   try {
     // Fetch tasks from the backend API during SSR
     const apiUrl = process.env.API_URL || 'http://localhost:3000'
-    const response = await fetch(`${apiUrl}/api/tasks`, {
+    const response = await fetch(`${apiUrl}/api/tasks?status=todo`, {
       headers: {
         'Content-Type': 'application/json',
       },
@@ -38,7 +38,7 @@ export default function Home({ loaderData }: Route.ComponentProps) {
     <Container maxWidth="lg">
       <Box sx={{ py: 4 }}>
         <Typography variant="h1" component="h1" gutterBottom>
-          Tasks
+          Dashboard
         </Typography>
         <TaskList initialTasks={loaderData.tasks} />
       </Box>