Update route.tsx

Required changes have been done in other to format the route.tst to replace userInfo with RecipientInfo.

power-pay-frontend/src/components/route.tsx

@@ -3,7 +3,7 @@ import {
   } from "react-router-dom"
   ;
   import PaymentOptions from "./paymentoption";
-import UserInfo from "./userinfo";
+import RecipientInfo from "./RecipientInfo";
 import QRScannerComponent
  from "./scan_rq";
 const router = createBrowserRouter([
@@ -12,12 +12,12 @@ const router = createBrowserRouter([
       element: <PaymentOptions/>,
     },
     {
-        path: "/userinfo",
-                      element: <UserInfo/>,
+        path: "/RecipientInfo",
+                      element: <RecipientInfo.tsx/>,
     },
     {
         path: "/qRScannerComponent",
                       element: <QRScannerComponent/>,
     }
   ]);
-  export default router;
+  export default router;