fix: fixing og page detail video

app/[locale]/(public)/video/detail/[slug]/page.tsx

@@ -35,10 +35,32 @@ export async function generateMetadata({ params }: any): Promise<Metadata> {
   return {
     title: video.title,
     description: video.description,
+    // openGraph: {
+    //   title: video?.title,
+    //   description: video?.description,
+    //   videos: [`${video?.smallThumbnailLink}`],
+    // },
     openGraph: {
       title: video?.title,
       description: video?.description,
-      videos: [`${video?.smallThumbnailLink}`],
+      url: `https://mediahub.polri.go.id/in/video/detail/${slug}`,
+      type: "video.other",
+      images: [
+        {
+          url: video?.thumbnailLink,
+          width: 1280,
+          height: 720,
+          alt: video?.title || "Thumbnail Mediahub Polri",
+        },
+      ],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: video?.title,
+      description: video?.description,
+      images: [
+        video?.thumbnailLink,
+      ],
     },
   };
 }