[INJIWEB-212]: introduce help screen and handle the error for fetchin…

…g issuers in homepage with toaster

Signed-off-by: Vijay <[email protected]>

inji-web/.env

@@ -1 +1 @@
-REACT_APP_MIMOTO_URL=http://localhost:3010
+#REACT_APP_MIMOTO_URL=http://localhost:3010

inji-web/package.json

@@ -16,6 +16,8 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0",
     "react-scripts": "5.0.1",
+    "react-toastify": "^10.0.5",
+    "styled-components": "^6.1.8",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

inji-web/src/Router.js

@@ -1,7 +1,8 @@
 import { createBrowserRouter } from "react-router-dom";
-import Issuer from "./pages/IssuerPage";
-import Home from "./pages/Home";
-import Certificate from "./pages/Certificate";
+import Issuer from "./pages/IssuerPage/IssuersPage";
+import Home from "./pages/Home/HomePage";
+import Certificate from "./pages/Certificate/CertificatePage";
+import {HelpPage} from "./pages/Help/HelpPage";
 
 export const router = createBrowserRouter([
     {
@@ -18,6 +19,10 @@ export const router = createBrowserRouter([
     },
     {
         path: "/issuers/:issuerId/certificate/:certificateId",
-        element: <Certificate/>,
+        element: <Certificate />,
+    },
+    {
+        path: "/help",
+        element: <HelpPage />,
     },
 ]);