Opengraph: add description and custom title

src/app/events/[id]/page.jsx

@@ -4,6 +4,9 @@ import { notFound } from "next/navigation";
 
 import { getFile, PUBLIC_URL } from "utils/files";
 import EventDetails from "components/events/EventDetails";
+import { locationMap } from "constants/events";
+
+import dayjs from "dayjs";
 
 export async function generateMetadata({ params }) {
   const { id } = params;
@@ -16,8 +19,11 @@ export async function generateMetadata({ params }) {
       ? getFile(event.poster, true)
       : `${PUBLIC_URL}/og-image.png`;
 
+    const time = dayjs(event.datetimeperiod[0]).format("dddd h A");
+
     return {
-      title: event.name,
+      title: `${event.name} (Time: ${time}, Location: ${locationMap[event.location]})`,
+      description: event.description,
       openGraph: {
         images: [
           {