feat: append '- Hotel' to hotel name in title bar, site header and client header

src/app/client/page.tsx

@@ -100,7 +100,7 @@ export default function ClientPage() {
         className="flex h-14 items-center justify-between border-b px-6 shrink-0"
         style={{ backgroundColor: "var(--color-navbar)", borderColor: "var(--color-primary, #eeb425)" }}
       >
-        <span className="font-bold text-lg" style={{ color: "var(--color-navbar-text, var(--color-text))" }}>{hotelName || "Atom"}</span>
+        <span className="font-bold text-lg" style={{ color: "var(--color-navbar-text, var(--color-text))" }}>{hotelName || "Atom"} - Hotel</span>
         <div className="flex items-center gap-2">
           <span className="relative flex h-2.5 w-2.5">
             <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" />

src/app/layout.tsx

@@ -25,7 +25,7 @@ const nunito = Nunito({
 export async function generateMetadata(): Promise<Metadata> {
   const hotel = (await siteSettings.get("hotel_name", "Atom")) ?? "Atom";
   return {
-    title: { default: hotel, template: `%s · ${hotel}` },
+    title: { default: `${hotel} - Hotel`, template: `%s · ${hotel}` },
     description: `${hotel} — a Habbo retro hotel. Hang out, collect furni and meet friends.`,
   };
 }

src/components/site-header.tsx

@@ -56,7 +56,7 @@ export async function SiteHeader() {
                 letterSpacing: "-0.02em",
               }}
             >
-              {hotelName}
+              {hotelName} - Hotel
             </h1>
           )}
         </Link>