✅ UI refactor and some logical fixes

apps/admin/src/routes/(main)/data/+page.svelte

@@ -7,7 +7,7 @@
 	import { toast } from "svelte-sonner";
 	import type { PageData } from "./$types";
 
-	pageTitle.set("Passenger Info");
+	pageTitle.set("Customer Info");
 
 	let { data }: { data: PageData } = $props();
 

apps/admin/src/routes/(main)/data/[uid]/+page.server.ts

@@ -1,4 +1,6 @@
 import { getCustomerInfoUseCases } from "$lib/domains/customerinfo/usecases";
+import { PaymentInfoRepository } from "$lib/domains/paymentinfo/repository";
+import { db } from "@pkg/db";
 import { getError } from "@pkg/logger";
 import { ERROR_CODES } from "@pkg/result";
 import type { PageServerLoad } from "./$types";
@@ -16,5 +18,13 @@ export const load: PageServerLoad = async ({ params }) => {
 			}),
 		};
 	}
-	return await getCustomerInfoUseCases().getAllCustomerInfo();
+
+	const cinfo = await getCustomerInfoUseCases().getAllCustomerInfo();
+	const piRes = await new PaymentInfoRepository(db).getPaymentInfo(uid);
+
+	return {
+		customerInfo: cinfo.data,
+		paymentInfo: piRes.data,
+		error: piRes.error || cinfo.error,
+	};
 };

apps/admin/src/routes/(main)/data/[uid]/+page.svelte

@@ -8,10 +8,7 @@
 	import { capitalize } from "$lib/core/string.utils";
 	import CinfoCard from "$lib/domains/customerinfo/view/cinfo-card.svelte";
 	import { onMount } from "svelte";
-	import GenderIcon from "~icons/mdi/gender-male-female";
 	import PackageIcon from "~icons/solar/box-broken";
-	import CubeIcon from "~icons/solar/box-minimalistic-broken";
-	import CalendarIcon from "~icons/solar/calendar-broken";
 	import CalendarCheckIcon from "~icons/solar/calendar-linear";
 	import CardNumberIcon from "~icons/solar/card-recive-broken";
 	import ClipboardIcon from "~icons/solar/clipboard-list-broken";
@@ -19,7 +16,6 @@
 	import EmailIcon from "~icons/solar/letter-broken";
 	import LockKeyIcon from "~icons/solar/lock-keyhole-minimalistic-broken";
 	import LocationIcon from "~icons/solar/map-point-broken";
-	import PassportIcon from "~icons/solar/passport-broken";
 	import PhoneIcon from "~icons/solar/phone-broken";
 	import UserIdIcon from "~icons/solar/user-id-broken";
 	import CardUserIcon from "~icons/solar/user-id-linear";
@@ -54,31 +50,6 @@
 			title: "Phone",
 			value: `${pii?.phoneCountryCode ?? ""} ${pii?.phoneNumber ?? ""}`,
 		},
-		{
-			icon: PassportIcon,
-			title: "Passport No",
-			value: pii?.passportNo,
-		},
-		{
-			icon: LocationIcon,
-			title: "Nationality",
-			value: capitalize(pii?.nationality ?? ""),
-		},
-		{
-			icon: GenderIcon,
-			title: "Gender",
-			value: capitalize(pii?.gender ?? ""),
-		},
-		{
-			icon: CalendarIcon,
-			title: "Date of Birth",
-			value: new Date(pii?.dob ?? "").toDateString(),
-		},
-		{
-			icon: CubeIcon,
-			title: "Passenger Type",
-			value: capitalize(data.data?.passengerType ?? ""),
-		},
 	];
 
 	// No icons for this one
@@ -154,7 +125,7 @@
 	<Breadcrumb.List>
 		<Breadcrumb.Item>
 			<Breadcrumb.Link href={adminSiteNavMap.data}>
-				Passengers Data
+				Customer Data
 			</Breadcrumb.Link>
 		</Breadcrumb.Item>
 		<Breadcrumb.Separator />