Add 404 route

src/renderer/features/action-required/index.ts

@@ -1 +1,2 @@
 export * from './routes/action-required-route';
+export * from './routes/invalid-route';

src/renderer/features/action-required/routes/action-required-route.tsx

@@ -67,7 +67,7 @@ export const ActionRequiredRoute = () => {
               <>
                 <Group noWrap position="center">
                   <RiCheckFill color="var(--success-color)" size={30} />
-                  <Text size="xl">No issues found.</Text>
+                  <Text size="xl">No issues found</Text>
                 </Group>
                 <Button
                   component={Link}
@@ -75,7 +75,7 @@ export const ActionRequiredRoute = () => {
                   to={AppRoute.HOME}
                   variant="filled"
                 >
-                  Return home
+                  Go back
                 </Button>
               </>
             )}

src/renderer/features/action-required/routes/invalid-route.tsx

@@ -0,0 +1,24 @@
+import { Center, Group, Stack } from '@mantine/core';
+import { RiQuestionLine } from 'react-icons/ri';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { Button, Text } from '@/renderer/components';
+
+export const InvalidRoute = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+
+  return (
+    <Center sx={{ width: '100%' }}>
+      <Stack>
+        <Group noWrap position="center">
+          <RiQuestionLine color="var(--warning-color)" size={30} />
+          <Text size="xl">Page not found</Text>
+        </Group>
+        <Text>{location.pathname}</Text>
+        <Button variant="filled" onClick={() => navigate(-1)}>
+          Go back
+        </Button>
+      </Stack>
+    </Center>
+  );
+};