Merged in chore/add-release-version-meta-tag (pull request #3399)

Add release version meta tag + preview environment

* include release version in meta tag

do polyfills in one place

* fix: add preview as a named sentry environment


Approved-by: Linus Flood

apps/partner-sas/app/layout.tsx

@@ -1,5 +1,6 @@
 import "@scandic-hotels/common/polyfills"
 
+import { env } from "@/env/server"
 import { configureTrpc } from "@/lib/trpc"
 
 import { getTitlePrefix } from "@/util/metadata/getTitlePrfiex"
@@ -18,6 +19,9 @@ export async function generateMetadata(): Promise<Metadata> {
       ]),
       default: combineSegments([getTitlePrefix(), "SAS by Scandic Hotels"]),
     },
+    other: {
+      "x-release": env.RELEASE_TAG || "-",
+    },
   }
 }
 

apps/scandic-web/app/[lang]/(live)/layout.tsx

@@ -3,7 +3,6 @@ import "@scandic-hotels/design-system/normalize.css"
 import "@/app/globals.css"
 import "@scandic-hotels/design-system/design-system-new-deprecated.css"
 import "@scandic-hotels/design-system/style.css"
-import "@scandic-hotels/common/polyfills"
 
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"

apps/scandic-web/app/[lang]/(no-layout)/layout.tsx

@@ -3,7 +3,6 @@ import "@scandic-hotels/design-system/normalize.css"
 import "@/app/globals.css"
 import "@scandic-hotels/design-system/design-system-new-deprecated.css"
 import "@scandic-hotels/design-system/style.css"
-import "@scandic-hotels/common/polyfills"
 
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"

apps/scandic-web/app/[lang]/(partner)/layout.tsx

@@ -3,7 +3,6 @@ import "@scandic-hotels/design-system/normalize.css"
 import "@/app/globals.css"
 import "@scandic-hotels/design-system/design-system-new-deprecated.css"
 import "@scandic-hotels/design-system/style.css"
-import "@scandic-hotels/common/polyfills"
 
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import Script from "next/script"

apps/scandic-web/app/[lang]/webview/layout.tsx

@@ -3,7 +3,6 @@ import "@scandic-hotels/design-system/normalize.css"
 import "@/app/globals.css"
 import "@scandic-hotels/design-system/style.css"
 import "@scandic-hotels/design-system/design-system-new-deprecated.css"
-import "@scandic-hotels/common/polyfills"
 
 import Script from "next/script"
 import { SessionProvider } from "next-auth/react"

apps/scandic-web/app/layout.tsx

@@ -1,3 +1,7 @@
+import "@scandic-hotels/common/polyfills"
+
+import { env } from "@/env/server"
+
 import { getTitlePrefix } from "@/utils/metadata/title/getTitlePrefix"
 
 import type { Metadata } from "next"
@@ -8,6 +12,9 @@ export async function generateMetadata(): Promise<Metadata> {
       template: combineSegments([getTitlePrefix(), "%s", "Scandic Hotels"]),
       default: combineSegments([getTitlePrefix(), "Scandic Hotels"]),
     },
+    other: {
+      "x-release": env.RELEASE_TAG || "-",
+    },
   }
 }
 

apps/scandic-web/components/EnvironmentWatermark/index.tsx

@@ -12,11 +12,18 @@ const variants = cva(styles.environmentWatermark, {
       "pre-prod": styles.preprod,
       stage: styles.stage,
       test: styles.test,
+      preview: styles.test,
       development: styles.development,
     },
   },
 })
-const namedEnvironments = ["pre-prod", "stage", "test", "development"] as const
+const namedEnvironments = [
+  "development",
+  "pre-prod",
+  "preview",
+  "stage",
+  "test",
+] as const
 
 export function EnvironmentWatermark() {
   if (