fix: update Open Graph metadata to use base URL and structured image data

src/app/(root)/(dashboard)/(home)/page.tsx

@@ -3,6 +3,7 @@ import { Metadata } from "next";
 import Link from "next/link";
 
 import { FilterProvider } from "@/context";
+import { baseUrl } from "@/common/constants";
 import { Button } from "@/components/ui/button";
 import LocalSearch from "@/components/modules/main/local-search";
 import HomeFilter from "@/components/filters/home-filter";
@@ -21,15 +22,29 @@ export const metadata: Metadata = {
     title: "Home | Dev4Room",
     description:
       "Post, search, and filter programming questions from the Dev4Room community. Find solutions, share knowledge, and ask your own questions.",
-    url: "/",
-    images: ["/images/og-image.png"],
+    url: baseUrl,
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   twitter: {
     card: "summary_large_image",
     title: "Home | Dev4Room",
     description:
       "Post, search, and filter programming questions from the Dev4Room community. Find solutions, share knowledge, and ask your own questions.",
-    images: ["/images/og-image.png"],
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   alternates: {
     canonical: "/",

src/app/(root)/(dashboard)/community/page.tsx

@@ -1,6 +1,7 @@
 import { Suspense } from "react";
 import type { Metadata } from "next";
 import { FilterProvider } from "@/context";
+import { baseUrl } from "@/common/constants";
 import LocalSearch from "@/components/modules/main/local-search";
 import Filter from "@/components/filters/filter";
 import { UserFilters } from "@/common/constants/filters";
@@ -17,15 +18,29 @@ export const metadata: Metadata = {
     title: "Community | Dev4Room",
     description:
       "Browse and search developer profiles on Dev4Room — find contributors, view expertise, and connect with other developers.",
-    url: "/community",
-    images: ["/images/og-image.png"],
+    url: `${baseUrl}/community`,
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   twitter: {
     card: "summary_large_image",
     title: "Community | Dev4Room",
     description:
       "Browse and search developer profiles on Dev4Room — find contributors, view expertise, and connect with other developers.",
-    images: ["/images/og-image.png"],
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   alternates: {
     canonical: "/community",

src/app/(root)/(dashboard)/questions/[id]/page.tsx

@@ -53,13 +53,27 @@ export async function generateMetadata({
       url: `${baseUrl}/questions/${id}`,
       type: "article",
       authors: questionData.authorName ? [questionData.authorName] : undefined,
-      images: ["/images/og-image.png"],
+      images: [
+        {
+          url: `${baseUrl}/images/og-image.png`,
+          width: 1200,
+          height: 630,
+          alt: "Dev4Room - Programming Q&A Community",
+        },
+      ],
     },
     twitter: {
       card: "summary_large_image",
       title: `${questionData.title} | Dev4Room`,
       description,
-      images: ["/images/og-image.png"],
+      images: [
+        {
+          url: `${baseUrl}/images/og-image.png`,
+          width: 1200,
+          height: 630,
+          alt: "Dev4Room - Programming Q&A Community",
+        },
+      ],
     },
     alternates: {
       canonical: `${baseUrl}/questions/${id}`,

src/app/(root)/(dashboard)/tags/page.tsx

@@ -1,6 +1,7 @@
 import { Suspense } from "react";
 import type { Metadata } from "next";
 import { FilterProvider } from "@/context";
+import { baseUrl } from "@/common/constants";
 import LocalSearch from "@/components/modules/main/local-search";
 import Filter from "@/components/filters/filter";
 import { TagFilters } from "@/common/constants/filters";
@@ -17,15 +18,29 @@ export const metadata: Metadata = {
     title: "Tags | Dev4Room",
     description:
       "Explore tags on Dev4Room to find questions and experts by technology, language, and topic. Discover trending tags and related content.",
-    url: "/tags",
-    images: ["/images/og-image.png"],
+    url: `${baseUrl}/tags`,
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   twitter: {
     card: "summary_large_image",
     title: "Tags | Dev4Room",
     description:
       "Explore tags on Dev4Room to find questions and experts by technology, language, and topic. Discover trending tags and related content.",
-    images: ["/images/og-image.png"],
+    images: [
+      {
+        url: `${baseUrl}/images/og-image.png`,
+        width: 1200,
+        height: 630,
+        alt: "Dev4Room - Programming Q&A Community",
+      },
+    ],
   },
   alternates: {
     canonical: "/tags",