feat: add NotFound page

Author: jane1107

src/main.tsx

@@ -4,17 +4,25 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import './styles/index.css';
 import App from './App.tsx';
 import TextInputForm from './pages/InputFormTest.tsx';
+import { NotFound } from './pages/notfound.tsx';
 
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 
 const router = createBrowserRouter([
   {
     path: '/',
     element: <App />,
+    errorElement: <NotFound />,
   },
+
   {
-    path: '/test/inputForm',
-    element: <TextInputForm />,
+    path: '/test',
+    children: [
+      {
+        path: 'inputForm',
+        element: <TextInputForm />,
+      },
+    ],
   },
 ]);
 const queryClient = new QueryClient();