refactor: update payment types and user interface, enhance error handling, and adjust API base URL

components/auth/account-popver.tsx

@@ -27,15 +27,16 @@ export function AccountPopover() {
 					<UserIcon />
 				</Button>
 			</PopoverTrigger>
-			<PopoverContent className="w-fit">
+			<PopoverContent className="w-fit mr-4">
 				<div className="grid gap-4">
 					<div className="space-y-2">
 						<h4 className="font-medium leading-none">
-							{session.data?.user?.name}
+							{session.data?.user?.first_name} {session.data?.user?.last_name}
 						</h4>
-						<p className="text-sm text-muted-foreground">
-							{session.data?.user?.id_card}
-						</p>
+						<div className="text-sm text-muted-foreground">
+							<p className="font-semibold">{session.data?.user?.id_card}</p>
+							<p>{session.data?.user?.mobile}</p>
+						</div>
 					</div>
 					<Button
 						disabled={loading}

components/auth/application-layout.tsx

@@ -31,7 +31,7 @@ export async function ApplicationLayout({
 						<SidebarTrigger className="-ml-1" />
 						<Separator orientation="vertical" className="mr-2 h-4" />
 						<div className="text-sm font-mono px-2 p-1 rounded-md bg-green-500/10 text-green-900 dark:text-green-400">
-							Welcome back,{" "}
+							Welcome,{" "}
 							<span className="font-semibold">
 								{session?.user?.first_name} {session?.user?.last_name}
 							</span>
@@ -39,7 +39,7 @@ export async function ApplicationLayout({
 					</div>
 
 					<div className="flex items-center gap-2">
-						{/* <Wallet walletBalance={user?.walletBalance || 0} /> */}
+						<Wallet walletBalance={session?.user?.wallet_balance || 0} />
 						<ModeToggle />
 						<AccountPopover />
 					</div>