chore(client): add routing for 404 error

src/EducationTrail/ClientApp/src/AppRoutes.tsx

@@ -4,7 +4,7 @@ import Test from "@pages/test";
 import Hub from "@pages/product/hub";
 import Login from "@pages/login";
 import Signup from "@pages/signup";
-
+import NotFound from "@pages/404";
 
 const AppRoutes = [
   {
@@ -30,6 +30,10 @@ const AppRoutes = [
   {
     path: '/signup',
     element: <Signup />
+  },
+  {
+    path: '*',
+    element: <NotFound/>
   }
 ];
 

src/EducationTrail/ClientApp/src/pages/404.tsx

@@ -0,0 +1,26 @@
+import React, { Component } from "react";
+import HomeLayout from "@layouts/HomeLayout";
+
+export class NotFound extends Component {
+  static displayName = NotFound.name;
+
+  componentDidMount() {
+    document.title = "404 - Not Found";
+  }
+
+  render() {
+    return (
+      <HomeLayout>
+        <div className="hero min-h-screen bg-base-200">
+          <div className="hero-content text-center">
+            <div className="max-w-md">
+              <h1 className="text-6xl font-bold">404 Not Found</h1>
+            </div>
+          </div>
+        </div>
+      </HomeLayout>
+    );
+  }
+}
+
+export default NotFound;

src/EducationTrail/Properties/launchSettings.json

@@ -4,14 +4,14 @@
     "anonymousAuthentication": true,
     "iisExpress": {
       "applicationUrl": "http://localhost:48063",
-      "sslPort": 44347
+      "sslPort": 0
     }
   },
   "profiles": {
-    "Vite_CSharp": {
+    "Company.WebApplication1": {
       "commandName": "Project",
       "launchBrowser": true,
-      "applicationUrl": "https://localhost:5001;http://localhost:5000",
+      "applicationUrl": "http://localhost:5000",
       "environmentVariables": {
         "ASPNETCORE_ENVIRONMENT": "Development",
         "ASPNETCORE_HOSTINGSTARTUPASSEMBLIES": "Microsoft.AspNetCore.SpaProxy"
@@ -26,4 +26,4 @@
       }
     }
   }
-}
+}