fix(blog): apply proper route to metadata call

apps/site/app/[locale]/blog/[...path]/page.tsx

@@ -15,7 +15,7 @@ export const generateViewport = basePage.generateViewport;
 
 // This generates each page's HTML Metadata
 // @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
-export const generateMetadata = basePage.generateMetadata;
+export const generateMetadata = basePage.generateBlogMetadata;
 
 // Generates all possible static paths based on the locales and environment configuration
 // - Returns an empty array if static export is disabled (`ENABLE_STATIC_EXPORT` is false)

apps/site/next.dynamic.page.mjs

@@ -1,3 +1,5 @@
+import { sep } from 'node:path';
+
 import { notFound, redirect } from 'next/navigation';
 import { setRequestLocale } from 'next-intl/server';
 
@@ -34,6 +36,20 @@ export const generateMetadata = async props => {
   return dynamicRouter.getPageMetadata(locale, pathname);
 };
 
+/**
+ * This generates each blog's HTML Metadata
+ *
+ * @see https://nextjs.org/docs/app/api-reference/functions/generate-metadata
+ *
+ * @param {{ params: Promise<{ path: Array<string>; locale: string }> }} props
+ * @returns {Promise<import('next').Metadata>} the metadata for the page
+ */
+export const generateBlogMetadata = async props => {
+  const { path = [], locale = defaultLocale.code } = await props.params;
+  const pathname = dynamicRouter.getPathname(path);
+  return dynamicRouter.getPageMetadata(locale, `blog${sep}${pathname}`);
+};
+
 /**
  * This method is used for retrieving the current locale and pathname from the request
  *