feat: Enhance social media sharing meta image for blogpost

- Update OpenGraph and Twitter meta tags in app.blade.php to dynamically set og:image based on content.
- Modify show.blade.php to include post thumbnail as og_image for better social media sharing.

resources/views/layouts/app.blade.php

@@ -31,6 +31,7 @@
 
     @stack('meta_tags')
 
+
     <!-- OpenGraph -->
     <meta property="og:site_name" content="Heimerdinger.LoL">
     <meta property="og:title" content="@yield('title')">
@@ -38,14 +39,14 @@
     <meta property="og:description" content="@yield('description')">
     <meta property="og:locale" content="en">
     <meta property="og:type" content="website">
-    <meta property="og:image" content="https://cdn.heimerdinger.lol/og-img-home.png">
+    <meta property="og:image" content="@yield('og_image', 'https://cdn.heimerdinger.lol/og-img-home.png')">
 
     <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image">
     <meta property="twitter:domain" content="heimerdinger.lol">
     <meta property="twitter:title" content="@yield('title')">
     <meta property="twitter:description" content="@yield('description')">
-    <meta property="twitter:image" content="https://cdn.heimerdinger.lol/og-img-home.png">
+    <meta property="twitter:image" content="@yield('og_image', 'https://cdn.heimerdinger.lol/og-img-home.png')">
 
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 

resources/views/posts/show.blade.php

@@ -1,9 +1,11 @@
 @use('Carbon\Carbon')
 @extends('layouts.app')
 
-@section('title', $post->title . ' • Heimerdinger.LoL')
+@section('title', $post->title)
 @section('description', 'Heimerdinger.LoL: ' . $post->description)
 
+@section('og_image', $post->thumbnail)
+
 @push('meta_tags')
     <link rel="canonical" href="{{ config('app.HEIMER_URL') . '/post/' . $post->slug }}">