add notification modal

src/app/trending/components/profile.tsx

@@ -26,22 +26,27 @@ export function Profile({ data }: { data: any }) {
 		);
 
 	return (
-		<div className="rounded-md bg-zinc-900 px-5 py-5">
-			<div className="flex items-center gap-2">
-				<div className="w-12 h-12 shrink-0">
-					<Image
-						src={profile.picture}
-						fallback={DEFAULT_AVATAR}
-						className="w-12 h-12 object-cover rounded"
-					/>
+		<div className="rounded-xl border-t border-zinc-800/50 bg-zinc-900 px-5 py-5">
+			<div className="flex items-center justify-between">
+				<div className="inline-flex items-center gap-2">
+					<div className="w-11 h-11 shrink-0">
+						<Image
+							src={profile.picture}
+							fallback={DEFAULT_AVATAR}
+							className="w-11 h-11 object-cover rounded-lg"
+						/>
+					</div>
+					<div className="inline-flex flex-col gap-1">
+						<h3 className="max-w-[15rem] truncate font-semibold text-zinc-100 leading-none">
+							{profile.display_name || profile.name}
+						</h3>
+						<p className="max-w-[10rem] truncate text-sm text-zinc-400 leading-none">
+							{profile.nip05 || shortenKey(data.pubkey)}
+						</p>
+					</div>
 				</div>
-				<div className="inline-flex flex-col gap-1">
-					<h3 className="max-w-[15rem] truncate font-semibold text-zinc-100 leading-none">
-						{profile.display_name || profile.name}
-					</h3>
-					<p className="max-w-[10rem] truncate text-sm text-zinc-400 leading-none">
-						{profile.nip05 || shortenKey(data.pubkey)}
-					</p>
+				<div className="inline-flex items-center gap-2">
+					<button type="button">Follow</button>
 				</div>
 			</div>
 			<div className="mt-2">

src/app/trending/components/trendingProfiles.tsx

@@ -24,7 +24,7 @@ export function TrendingProfiles() {
 						</div>
 					</div>
 				) : (
-					<div className="relative w-full flex flex-col gap-3 px-3 pt-1.5">
+					<div className="relative w-full flex flex-col gap-3 px-3 pt-3">
 						{data.profiles.map((item) => (
 							<Profile key={item.pubkey} data={item} />
 						))}