Create task view and form.

frontend/app/routes/home.tsx

@@ -1,5 +1,6 @@
 import type { Route } from './+types/home'
 import { Box, Typography, Container } from '@mui/material'
+import { TaskList } from '~/components/TaskList'
 
 export function meta(_: Route.MetaArgs) {
   return [
@@ -20,24 +21,7 @@ export default function Home() {
           what matters.
         </Typography>
 
-        <Box
-          sx={{
-            p: 4,
-            textAlign: 'center',
-            color: 'text.secondary',
-            border: '2px dashed',
-            borderColor: 'grey.300',
-            borderRadius: 2,
-          }}
-        >
-          <Typography variant="h6" gutterBottom>
-            Task Management Interface Coming Soon
-          </Typography>
-          <Typography variant="body2">
-            The task list, task cards, and quick capture components will be
-            implemented in the next phase.
-          </Typography>
-        </Box>
+        <TaskList />
       </Box>
     </Container>
   )