feat(seo): enable indexing for the home page and centralize robots logic

updates the home page audience to allow search engine discovery of public landing content while maintaining conditional rendering for authenticated users. refactors the robots meta tag generation in the base layout to use a declarative mapping based on the page audience type.

Author: vladjerca

projects/client/src/lib/sections/layout/TraktPage.svelte

@@ -81,7 +81,16 @@
     return `${language}_${region.toUpperCase()}`;
   });
 
-  const isIndexable = $derived(audience === "all" || audience === "public");
+  const AUDIENCE_ROBOTS: Record<AudienceProps["audience"], string> = {
+    all: "index, follow",
+    public: "index, follow",
+    free: "noindex, nofollow",
+    vip: "noindex, nofollow",
+    authenticated: "noindex, nofollow",
+    director: "noindex, nofollow",
+  };
+
+  const robots = $derived(AUDIENCE_ROBOTS[audience]);
 
   const createWebsiteLd = (url: string) =>
     JSON.stringify({
@@ -134,10 +143,7 @@
 <svelte:head>
   <title>{displayTitle}</title>
   <link rel="canonical" href={canonicalUrl} />
-  <meta
-    name="robots"
-    content={isIndexable ? "index, follow" : "noindex, nofollow"}
-  />
+  <meta name="robots" content={robots} />
   <meta property="og:site_name" content={websiteName} />
   <meta property="og:type" content={ogType} />
   <meta property="og:url" content={canonicalUrl} />

projects/client/src/routes/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { useAuth } from "$lib/features/auth/stores/useAuth";
   import { useDiscover } from "$lib/features/discover/useDiscover";
   import * as m from "$lib/features/i18n/messages.ts";
   import RenderFor from "$lib/guards/RenderFor.svelte";
@@ -17,38 +18,44 @@
 
   // FIXME: move to PersonalHistoryList when Profile also supports discover mode
   const { mode } = useDiscover();
+  const { isAuthorized } = useAuth();
+  const audience = $derived($isAuthorized ? "authenticated" : "public");
+  const pageMode = $derived($isAuthorized ? "default" : "content-only");
 </script>
 
 <TraktPage
-  audience="authenticated"
+  {audience}
   image={DEFAULT_SHARE_COVER}
   title={m.page_title_home()}
   type="home"
+  mode={pageMode}
 >
-  <TraktPageCoverSetter />
+  <RenderFor audience="authenticated">
+    <TraktPageCoverSetter />
 
-  <NavbarStateSetter hasFilters>
-    {#snippet actions()}
-      <DiscoverToggles />
-    {/snippet}
-  </NavbarStateSetter>
+    <NavbarStateSetter hasFilters>
+      {#snippet actions()}
+        <DiscoverToggles />
+      {/snippet}
+    </NavbarStateSetter>
 
-  <Banner />
-  <UpNextList intent="continue" />
-  <UpNextList intent="start" />
-  <UpcomingList />
-  <PersonalHistoryList mode={$mode} />
-  <ActivityList />
-</TraktPage>
+    <Banner />
+    <UpNextList intent="continue" />
+    <UpNextList intent="start" />
+    <UpcomingList />
+    <PersonalHistoryList mode={$mode} />
+    <ActivityList />
+  </RenderFor>
 
-<RenderFor audience="public">
-  <NavbarStateSetter mode="hidden" />
+  <RenderFor audience="public">
+    <NavbarStateSetter mode="hidden" />
 
-  <RenderFor audience="public" device={["tablet-sm", "tablet-lg", "desktop"]}>
-    <Landing />
-  </RenderFor>
+    <RenderFor audience="public" device={["tablet-sm", "tablet-lg", "desktop"]}>
+      <Landing />
+    </RenderFor>
 
-  <RenderFor audience="public" device={["mobile"]}>
-    <MobileLanding />
+    <RenderFor audience="public" device={["mobile"]}>
+      <MobileLanding />
+    </RenderFor>
   </RenderFor>
-</RenderFor>
+</TraktPage>