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/page.tsx

@@ -12,25 +12,25 @@ import {
   Zap,
 } from "lucide-react";
 import { useRouter } from "next/navigation";
-import { useSession } from "next-auth/react";
 import { useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { authClient } from "@/lib/auth/client";
 
 export default function LandingPage() {
-  const { data: session, status } = useSession();
+  const { data, isPending } = authClient.useSession();
   const router = useRouter();
   const [isLoading, setIsLoading] = useState(false);
 
   useEffect(() => {
-    if (session?.user) {
+    if (data?.user) {
       router.push("/dashboard");
     }
-  }, [session, router]);
+  }, [data, router]);
 
   const handleGetStarted = () => {
     setIsLoading(true);
-    router.push("/login");
+    router.push("/auth/sign-in");
   };
 
   const handleRequestDemo = () => {
@@ -38,7 +38,7 @@ export default function LandingPage() {
     window.open("mailto:demo@notso.ai?subject=LiveDash Demo Request", "_blank");
   };
 
-  if (status === "loading") {
+  if (isPending) {
     return (
       <div className="flex items-center justify-center min-h-screen">
         Loading...