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

components/Sidebar.tsx

@@ -3,10 +3,10 @@
 import Image from "next/image";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { signOut } from "next-auth/react";
 import type React from "react"; // No hooks needed since state is now managed by parent
 import { useId } from "react";
 import { SimpleThemeToggle } from "@/components/ui/theme-toggle";
+import { authClient } from "@/lib/auth/client";
 
 // Icons for the sidebar
 const DashboardIcon = () => (
@@ -202,8 +202,14 @@ export default function Sidebar({
   const sidebarId = useId();
   const pathname = usePathname() || "";
 
-  const handleLogout = () => {
-    signOut({ callbackUrl: "/login" });
+  const handleLogout = async () => {
+    await authClient.signOut({
+      fetchOptions: {
+        onSuccess: () => {
+          window.location.href = "/auth/sign-in";
+        },
+      },
+    });
   };
 
   return (