feat: playlist

packages/website/src/layouts/BaseLayout.astro

@@ -16,11 +16,11 @@ export interface Props {
   noFooter?: boolean;
   noNavbar?: boolean;
   integrated?: boolean;
+  locale: string;
 }
 
 const servicing = import.meta.env.SERVICING;
-const { noFooter, noNavbar, integrated } = Astro.props;
-const locale = Astro.params.locale;
+const { noFooter, noNavbar, integrated, locale } = Astro.props;
 ---
 
 <html lang={locale}>

packages/website/src/layouts/ToolLayout.astro

@@ -7,10 +7,10 @@ import BaseLayout from "./BaseLayout.astro";
 
 interface Props {
   tool: Tool;
+  locale: string;
 }
 
-const { tool } = Astro.props;
-const { locale } = Astro.params;
+const { tool, locale } = Astro.props;
 const strings = getStrings(locale);
 const toolStrings =
   strings.website.tools[
@@ -20,7 +20,7 @@ const toolStrings =
 
 <ToolOpenGraph {tool} />
 
-<BaseLayout>
+<BaseLayout {locale}>
   <Box
     style={{
       backgroundImage: `url(/assets/images/tools/${tool.id}.webp)`,