feat(component): update user data references from name to firstName

The changes replace the "name" property references with "firstName" in the account-info component. The user interface buttons' labels and input field placeholders now utilize "firstName" for user data. This adjustment provides clearer and more accurate data presentation to the users.

src/components/account-info.tsx

@@ -23,7 +23,7 @@ export function AccountInfo({userData}: {userData: IUserData}) {
 			<SheetTrigger asChild>
 				<Button variant="outline" className={"gap-1"}>
 					<User />
-					{userData?.name || "?"}
+					{userData?.firstName || "?"}
 				</Button>
 			</SheetTrigger>
 			<SheetContent>
@@ -38,7 +38,7 @@ export function AccountInfo({userData}: {userData: IUserData}) {
 						<Label htmlFor="name" className="text-right">
 							Name
 						</Label>
-						<Input id="name" placeholder={userData.name} className="col-span-3" onChange={(event)=>{console.log(event.target.value)}} />
+						<Input id="name" placeholder={userData.firstName} className="col-span-3" onChange={(event)=>{console.log(event.target.value)}} />
 					</div>
 					<div className="grid grid-cols-4 items-center gap-4">
 						<Label htmlFor="username" className="text-right">