fix: migrate blog and help to async params (it's a Promise in Next.js 16)

Fixes:
Error: Route "/blog/[id]" used `params.id`. `params` is a Promise and must be unwrapped with `await` or `React.use()` before accessing its properties. Learn more: https://nextjs.org/docs/messages/sync-dynamic-apis

Author: Bentroen

apps/frontend/src/app/(content)/(info)/blog/[id]/page.tsx

@@ -10,8 +10,10 @@ type BlogPageProps = {
   params: { id: string };
 };
 
-export function generateMetadata({ params }: BlogPageProps): Metadata {
-  const id = params.id;
+export async function generateMetadata({
+  params,
+}: BlogPageProps): Promise<Metadata> {
+  const id = (await params).id;
   const post = getPostData('blog', id);
 
   const publicUrl = process.env.NEXT_PUBLIC_URL;
@@ -32,8 +34,8 @@ export function generateMetadata({ params }: BlogPageProps): Metadata {
   };
 }
 
-const BlogPost = ({ params }: BlogPageProps) => {
-  const { id } = params;
+const BlogPost = async ({ params }: BlogPageProps) => {
+  const { id } = await params;
   let post: PostType;
 
   try {

apps/frontend/src/app/(content)/(info)/help/[id]/page.tsx

@@ -10,8 +10,10 @@ type HelpPageProps = {
   params: { id: string };
 };
 
-export function generateMetadata({ params }: HelpPageProps): Metadata {
-  const id = params.id;
+export async function generateMetadata({
+  params,
+}: HelpPageProps): Promise<Metadata> {
+  const id = (await params).id;
   const post = getPostData('help', id);
 
   const publicUrl = process.env.NEXT_PUBLIC_URL;