Add Enter hotel button to /me page

src/app/(site)/me/page.tsx

@@ -67,7 +67,7 @@ export default async function MePage({
 
 	let content: ReactNode;
 	try {
-		const [user, imagerBase, neededRaw, amountRaw, currencyRaw] =
+		const [user, imagerBase, hotelName, neededRaw, amountRaw, currencyRaw] =
 			await Promise.all([
 				prisma.user.findUnique({
 					where: { id: userId },
@@ -85,6 +85,7 @@ export default async function MePage({
 					"habbo_imaging_url",
 					"https://www.habbo.com/habbo-imaging/avatarimage",
 				),
+				siteSettings.get("hotel_name", "Hotel"),
 				prisma.websiteSetting
 					.findUnique({
 						where: { key: "referrals_needed" },
@@ -232,6 +233,27 @@ export default async function MePage({
 					</div>
 				</div>
 
+				{/* ── Enter hotel ── */}
+				<Link
+					href="/client"
+					className="flex items-center justify-center gap-3 rounded-2xl border py-4 px-6 font-extrabold text-base transition-all duration-200 hover:scale-[1.02] active:scale-95 shadow-lg"
+					style={{
+						background: "var(--color-primary)",
+						color: "var(--color-primary-foreground)",
+						borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
+						boxShadow: "0 4px 24px color-mix(in srgb, var(--color-primary) 35%, transparent)",
+					}}
+				>
+					<Image
+						src="/assets/images/EnterHubbly.png"
+						alt=""
+						width={22}
+						height={22}
+						unoptimized
+					/>
+					Enter {hotelName ?? "Hotel"}
+				</Link>
+
 				{/* ── Stat tiles ── */}
 				<div className="grid grid-cols-3 gap-4">
 					{[