profile header n shit

components/site/HomeUserHeader.tsx

@@ -14,6 +14,7 @@ import { useFriendsPresence } from "@/hooks/roblox/usePresence";
 import { useAccountSettings } from "@/hooks/roblox/useAccountSettings";
 import { loadThumbnails } from "@/lib/thumbnailLoader";
 import { toast } from "sonner";
+import Link from "next/link";
 
 // chatgpt + human
 function randomGreeting(name: string): string {
@@ -50,12 +51,12 @@ export function HomeLoggedInHeader() {
 		userPresence === 1
 			? "border-blue/25 bg-blue/25"
 			: userPresence === 2
-				? "border-green/25 bg-green/25"
-				: userPresence === 3
-					? "border-yellow/25 bg-yellow/25"
-					: userPresence === 0
-						? "border-surface2/25 bg-surface2/25"
-						: "border-red/25 bg-red/25";
+			? "border-green/25 bg-green/25"
+			: userPresence === 3
+			? "border-yellow/25 bg-yellow/25"
+			: userPresence === 0
+			? "border-surface2/25 bg-surface2/25"
+			: "border-red/25 bg-red/25";
 
 	const isLoaded = !!profile && !!accountSettings;
 
@@ -91,11 +92,13 @@ export function HomeLoggedInHeader() {
 				<div className="flex flex-col justify-center">
 					<span className="text-3xl font-bold text-text flex items-center gap-2">
 						{isLoaded ? (
-							randomGreeting(
-								window.localStorage.UserPreferredName ||
-									profile.displayName ||
-									"Robloxian!"
-							)
+							<Link href={`/users/${profile.id}`}>
+								{randomGreeting(
+									window.localStorage.UserPreferredName ||
+										profile.displayName ||
+										"Robloxian!"
+								)}
+							</Link>
 						) : (
 							<>
 								<Skeleton className="w-96 h-8 rounded-lg" />