feat(seo): add Open Graph image configuration to multiple documentation files

Author: ManukMinasyan

docs/content/1.getting-started/2.introduction.md

@@ -6,6 +6,7 @@ navigation:
 seo:
   title: Introduction
   description: Learn about Flowforge - the Laravel package that creates Kanban boards from Eloquent models for Filament 4.x.
+  ogImage: /preview.png
 ---
 
 Welcome to **Flowforge**, a powerful Laravel package that transforms any Eloquent model into production-ready drag-and-drop Kanban boards.

docs/content/1.getting-started/3.installation.md

@@ -5,6 +5,7 @@ navigation:
   icon: i-lucide-download
 seo:
   description: Install Flowforge and create your first Kanban board.
+  ogImage: /preview.png
 ---
 
 ## Requirements

docs/content/2.essentials/1.integration-patterns.md

@@ -3,6 +3,8 @@ title: Integration Patterns
 description: Three ways to integrate Flowforge into your application.
 navigation:
   icon: i-lucide-layers
+seo:
+  ogImage: /preview.png
 ---
 
 Flowforge provides three flexible integration patterns to fit different use cases and application architectures.

docs/content/2.essentials/2.customization.md

@@ -3,6 +3,8 @@ title: Customization
 description: Customize your Kanban boards with rich content, actions, and filtering.
 navigation:
   icon: i-lucide-palette
+seo:
+  ogImage: /preview.png
 ---
 
 ## Rich Card Content

docs/content/index.md

@@ -2,6 +2,7 @@
 seo:
   title: Flowforge - Laravel Kanban Boards
   description: Transform any Laravel model into production-ready drag-and-drop Kanban boards. Works with Filament admin panels and standalone Livewire applications.
+  ogImage: /preview.png
 ---
 
 ::u-page-hero

docs/nuxt.config.ts

@@ -1,8 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
     extends: 'docus',
-    modules: ["@nuxt/image", "@nuxt/scripts"],
-    devtools: {enabled: true},
+    modules: ['@nuxt/image', '@nuxt/scripts'],
+    devtools: { enabled: true },
+    site: {
+        name: 'Flowforge',
+    },
     app: {
         baseURL: process.env.NODE_ENV === 'production' ? '/flowforge/' : '/',
         buildAssetsDir: 'assets', // avoid underscore prefix for GitHub Pages
@@ -11,32 +14,34 @@ export default defineNuxtConfig({
                 {
                     rel: 'icon',
                     type: 'image/x-icon',
-                    href: (process.env.NODE_ENV === 'production' ? '/flowforge/' : '/') + 'favicon.ico'
-                }
-            ]
-        }
+                    href:
+                        (process.env.NODE_ENV === 'production'
+                            ? '/flowforge/'
+                            : '/') + 'favicon.ico',
+                },
+            ],
+        },
     },
     image: {
         // Don't set baseURL for image module - let app.baseURL handle it
         // This prevents double baseURL application
-        provider: 'none'
+        provider: 'none',
     },
     content: {
         build: {
             markdown: {
                 highlight: {
-                    langs: [
-                        'php',
-                        'blade'
-                    ]
-                }
-            }
-        }
+                    langs: ['php', 'blade'],
+                },
+            },
+        },
     },
     seo: {
-        ogImage: (process.env.NODE_ENV === 'production' ? '/flowforge/' : '/') + 'preview.png'
+        ogImage:
+            (process.env.NODE_ENV === 'production' ? '/flowforge/' : '/') +
+            'preview.png',
     },
     nitro: {
-        preset: 'github_pages'
-    }
+        preset: 'github_pages',
+    },
 })