fix: increase avatar sizes for newest citizens on index and register; add Enter button below avatar on /me

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

@@ -198,7 +198,7 @@ export default async function MePage({
 						borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
 					}}
 				>
-					<div className="relative shrink-0">
+					<div className="relative shrink-0 flex flex-col items-center gap-3">
 						<div
 							className="absolute -inset-3 rounded-full opacity-[0.15] blur-[40px]"
 							style={{ background: "var(--color-primary)" }}
@@ -212,6 +212,25 @@ export default async function MePage({
 							unoptimized
 							priority
 						/>
+						<Link
+							href="/client"
+							className="btn-shine flex items-center justify-center gap-1.5 rounded-xl border py-2 px-4 font-extrabold text-xs 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={16}
+								height={16}
+								unoptimized
+							/>
+							Enter {hotelName}
+						</Link>
 					</div>
 					<div className="flex-1 text-center sm:text-left">
 						<div