feat: add dynamic work page

src/app/(frontend)/work/[slug]/page.tsx

@@ -1,7 +1,39 @@
-export default async function Page() {
+import { getPayload } from 'payload';
+import configPromise from '@payload-config';
+import { Metadata, ResolvingMetadata } from 'next';
+
+interface Props {
+  params: Promise<{ slug: string }>
+}
+
+export async function generateMetadata({ params }: Props, _: ResolvingMetadata): Promise<Metadata> {
+  const { slug } = await params;
+
+  const payload = await getPayload({
+    config: configPromise,
+  });
+
+  const data = await payload.find({
+    collection: 'projects',
+    depth: 2,
+    where: {
+      slug: {
+        equals: slug,
+      },
+    },
+  });
+
+  return {
+    description: data.docs.find((doc) => doc.slug === slug)?.description?.toString() || '',
+    title: `${data.docs.find((doc) => doc.slug === slug)?.title} | Aman Singh Bhogal`,
+  };
+}
+
+export default async function Page({ params }: Props) {
+  const { slug } = await params;
   return (
     <div>
-      <h1>Page</h1>
+      <h1>{slug}</h1>
     </div>
   );
 }