update(frontend): added links to be able to navigate through all page…

…s on the frontend 3

power-pay-frontend/dev-dist/sw.js

@@ -82,7 +82,7 @@ define(['./workbox-b5f7729d'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.e6v1bqj0uro"
+    "revision": "0.ikm1g2neomg"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

power-pay-frontend/package.json

@@ -14,11 +14,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@yudiel/react-qr-scanner": "^2.0.0-beta.3",
-    "axios": "^1.6.8",
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@yudiel/react-qr-scanner": "^2.0.0-beta.3",
+    "axios": "^1.6.8",
+    "formik": "^2.4.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.3"

power-pay-frontend/src/App.tsx

@@ -2,14 +2,35 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 import RegistrationForm from './components/RegistrationForm';
 import OTPForm from './components/OTPForm';
 import SuccessPage from './components/SuccessPage';
+import Home from './components/Home';
+import AccountBalance from './components/AccountBalance';
+import PaymentOptions from './components/paymentoption';
+import PinInput_For_Balance from './components/PinInput_Balance';
+import PinInput from './components/pinInput';
+import RecipientInfo from './components/RecipientInfo';
+import SendMoneyConfirmation from './components/SendMoneyConfirmation';
+import UserLogin from './components/UserLogin';
+import QRScannerComponent from './components/scan_rq';
+
 
 function App() {
   return (
     <Router>
       <Routes>
         <Route path="/" element={<RegistrationForm />} />
+        <Route path="/home" element={<Home />} />
+        <Route path="/balance" element={<AccountBalance />} />
+        <Route path="/payment" element={<PaymentOptions />} />
+        <Route path="/pin_balance" element={<PinInput_For_Balance />} />
+        <Route path="/pin_send" element={<PinInput />} />
+        <Route path="/send_money_confirmation" element={<SendMoneyConfirmation onSuccess={function (successMessage: string): void {
+          throw new Error('Function not implemented.');
+        } } />} />
+        <Route path="/recipient_info" element={<RecipientInfo />} />
+        <Route path="/user_login" element={<UserLogin />} />
         <Route path="/otp" element={<OTPForm />} />
         <Route path="/success" element={<SuccessPage />} />
+        <Route path="/QR_scan" element={<QRScannerComponent />} />
       </Routes>
     </Router>
   );