Update homepage to use filters.

frontend/app/components/Layout.tsx

@@ -19,6 +19,7 @@ import {
 import {
   Menu as MenuIcon,
   Dashboard as DashboardIcon,
+  List as ListIcon,
   Add as AddIcon,
   Settings as SettingsIcon,
 } from '@mui/icons-material'
@@ -41,10 +42,15 @@ export default function Layout({ children, loading = false }: LayoutProps) {
 
   const menuItems = [
     {
-      text: 'Tasks',
+      text: 'Dashboard',
       icon: <DashboardIcon />,
       path: '/',
     },
+    {
+      text: 'All Tasks',
+      icon: <ListIcon />,
+      path: '/all-tasks',
+    },
     {
       text: 'Settings',
       icon: <SettingsIcon />,
@@ -58,8 +64,8 @@ export default function Layout({ children, loading = false }: LayoutProps) {
         {menuItems.map(item => (
           <ListItem key={item.text} disablePadding>
             <ListItemButton
-              component="a"
-              href={item.path}
+              component={Link}
+              to={item.path}
               sx={{
                 borderRadius: 2,
                 mx: 1,
@@ -220,7 +226,6 @@ export default function Layout({ children, loading = false }: LayoutProps) {
         <Toolbar />
         {children}
       </Box>
-
     </Box>
   )
 }