feat: Add beneficiary info page and remitter details component

This commit adds a new beneficiary info page and a remitter details component. The beneficiary info page allows users to enter personal information for a beneficiary, while the remitter details component displays the details of the remitter. These changes are part of the ongoing development of the add remitter feature.

app/add-beneficiary/confirmation-details/components/BeneficiaryDetails/BeneficiaryDetails.tsx

@@ -51,10 +51,12 @@ const BeneficiaryDetails: React.FC<RemitterDetailsProps> = () => {
           <p className=" text-primary font-semibold text-sm text-right">21 Shaftesbury Ave,</p>
         </div>
       </div>
-      <Button style='my-6' onClick={()=>{router.push("/transaction-details")}}>Confirm and Continue</Button>
-      <Link href="/add-beneficiary" className="text-green font-semibold text-center underline">
-        Modify Details
-      </Link>
+      <>
+        <Button style='my-6' onClick={()=>{router.push("/transaction-details")}}>Confirm and Continue</Button>
+        <Link href="/add-beneficiary" className="text-green font-semibold text-center underline">
+          Modify Details
+        </Link>
+      </>
     </section>
   );
 };

app/transaction-details/upload-documents/components/DocumentstoUpload/DocumentstoUpload.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export const DocumentstoUpload = () => {
+  return (
+    <div className="border mt-6 border-gray-300 rounded-lg p-4 bg-white max-w-sm">
+        asd
+    </div>  
+)
+}

app/transaction-details/upload-documents/page.tsx

@@ -1,9 +1,14 @@
+import Select from 'components/Select/Select';
+import { DocumentstoUpload } from './components/DocumentstoUpload/DocumentstoUpload';
 
 export default function UploadDocuments() {
 
   return (
     <section>
-      <p className='font-tiempos text-[28px] font-normal leading-9'>Ome</p>
+      <h3 className='font-tiempos text-[28px] font-normal leading-9'>Upload documents </h3>
+      <p className='text-xs text-secondary mt-2 mb-6'>This is required by RBI for remittance regulation purpose </p>
+      <Select options={["Education","2","3"]} label='Purpose of transaction'/>
+      <DocumentstoUpload/>
     </section>
 
   )