fix: wrap CodingCat.dev branding in spans for Satori compatibility

Satori treats text + element as multiple children requiring display:flex.
"CodingCat<span>.dev</span>" is mixed content (text node + span element).

Fix: wrap both parts in <span> elements and add display:flex to parent.
Applied to both generateOgHtml and generateDefaultOgHtml.

Build: 18.76s ✅

Co-authored-by: seniordeveloper <seniordeveloper@miriad.systems>

Author: Miriad

apps/web/src/lib/og-utils.ts

@@ -157,7 +157,8 @@ export function generateOgHtml({
               font-size: 24px;
               font-weight: 700;
               color: ${BRAND.text};
-            ">CodingCat<span style="color: ${BRAND.primary};">.dev</span></div>
+            display: flex;
+            "><span>CodingCat</span><span style="color: ${BRAND.primary};">.dev</span></div>
           </div>
           ${badgeBlock}
         </div>
@@ -254,7 +255,8 @@ export function generateDefaultOgHtml({
             font-size: 24px;
             font-weight: 700;
             color: ${BRAND.text};
-          ">CodingCat<span style="color: ${BRAND.primary};">.dev</span></div>
+          display: flex;
+          "><span>CodingCat</span><span style="color: ${BRAND.primary};">.dev</span></div>
         </div>
 
         <div style="