Added more information for the Agent User

src/pages/index.tsx

@@ -127,7 +127,7 @@ export default function Home({envVariables}: {envVariables: {[key: string]: stri
 					<link rel="icon" href="/favicon.ico" />
 				</Head>
 				<Layout user={user} navDisabled>
-					<DemographicInformationInput mutateUser={mutateUser} />
+					<DemographicInformationInput mutateUser={mutateUser} user={user} />
 				</Layout>
 			</>
 		);

src/pages/profile.tsx

@@ -208,6 +208,29 @@ export default function Home() {
 										/>
 									</div>
 
+									{user.type === "agent" && (
+										<div className="grid grid-cols-1 md:grid-cols-2 gap-8 w-full">
+											<Input
+												label="Company Name"
+												type="text"
+												name="companyName"
+												onChange={() => null}
+												placeholder="Enter company name"
+												defaultValue={user.agentInformation.companyName}
+												disabled
+											/>
+											<Input
+												label="Commercial Registration"
+												type="text"
+												name="commercialRegistration"
+												onChange={() => null}
+												placeholder="Enter company name"
+												defaultValue={user.agentInformation.commercialRegistration}
+												disabled
+											/>
+										</div>
+									)}
+
 									<div className="flex flex-col md:flex-row gap-8 w-full">
 										<div className="flex flex-col gap-3 w-full">
 											<label className="font-normal text-base text-mti-gray-dim">Country *</label>