navigating to case-files route from index page

compliance-web/src/routes/index.tsx

@@ -1,33 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
-import { Button, Paper } from "@mui/material";
-import { useNavigate } from "@tanstack/react-router";
+import { createFileRoute, Navigate } from "@tanstack/react-router";
 
 export const Route = createFileRoute("/")({
   component: Index,
 });
 
 function Index() {
-  const navigate = useNavigate();
-
-  return (
-    <>
-      <Paper elevation={2} sx={{ padding: "0 1.5rem 2.5rem", backgroundColor: 'primary.accent.light' }}>
-        <h2>Environmental Assessments</h2>
-        <p>
-          British Columbia's environmental assessment process provides
-          opportunities for Indigenous Nations, government agencies and the
-          public to influence the outcome of environmental assessments in
-          British Columbia.
-        </p>
-        <Button
-          variant="outlined"
-          color="primary"
-          onClick={() => navigate({to: "/eao-plans"})}
-        >
-          See Plans
-        </Button>
-      </Paper>
-    </>
-  );
+  return <Navigate to="/ce-database/case-files"></Navigate>;
 }
-