update

app/users/[id]/content.tsx

@@ -25,7 +25,11 @@ function ProfileMoreDetails({ profile }: { profile: UserProfileDetails }) {
 			{!theirFriends && <Skeleton className="w-full h-64" />}
 			{/*
 			//@ts-expect-error */}
-			<FriendCarousel title={<span className="pl-4">Friends</span>} className="overflow-visible -ml-4" friends={theirFriends || []} />
+			<FriendCarousel
+				title={<span className="pl-4">Friends</span>}
+				className="overflow-visible -ml-4"
+				friends={theirFriends || []}
+			/>
 		</>
 	);
 }

app/users/[id]/page.tsx

@@ -2,7 +2,11 @@ import { Suspense } from "react";
 import UserProfileContent from "./content";
 
 // page.tsx (Server Component)
-export default async function UserProfilePage({ params }: { params: { id: string } }) {
+export default async function UserProfilePage({
+	params
+}: {
+	params: { id: string };
+}) {
 	return (
 		<Suspense fallback={<div className="p-4">Loading profile…</div>}>
 			<UserProfileContent userId={(await params).id} />