fix: resolve Prettier markdown code block parsing errors

- Fix syntax errors in skills markdown files (.github/skills, .opencode/skills)
- Change typescript to tsx for code blocks with JSX
- Replace ellipsis (...) in array examples with valid syntax
- Separate CSS from TypeScript into distinct code blocks
- Convert JavaScript object examples to valid JSON in docs
- Fix enum definitions with proper comma separation

app/layout.tsx

@@ -1,10 +1,14 @@
 // Main app layout with basic global style
 import "./globals.css";
+import type { Metadata } from "next";
 import type { ReactNode } from "react";
 import { Toaster } from "@/components/ui/sonner";
 import { Providers } from "./providers";
 
-export const metadata = {
+// Use production URL as default for metadataBase (required for static generation)
+const baseUrl = "https://livedash.notso.ai";
+
+export const metadata: Metadata = {
   title: "LiveDash - AI-Powered Customer Conversation Analytics",
   description:
     "Transform customer conversations into actionable insights with advanced AI sentiment analysis, automated categorization, and real-time analytics. Turn every conversation into competitive intelligence.",
@@ -31,9 +35,7 @@ export const metadata = {
     address: false,
     telephone: false,
   },
-  metadataBase: new URL(
-    process.env.NEXTAUTH_URL || "https://livedash.notso.ai"
-  ),
+  metadataBase: new URL(baseUrl),
   alternates: {
     canonical: "/",
   },
@@ -95,7 +97,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
     name: "LiveDash",
     description:
       "Transform customer conversations into actionable insights with advanced AI sentiment analysis, automated categorization, and real-time analytics.",
-    url: process.env.NEXTAUTH_URL || "https://livedash.notso.ai",
+    url: baseUrl,
     author: {
       "@type": "Organization",
       name: "Notso AI",