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

@@ -1,11 +1,11 @@
 "use client";
 
-import { SessionProvider } from "next-auth/react";
+import { NeonAuthUIProvider, UserButton } from "@neondatabase/auth/react";
 import type { ReactNode } from "react";
 import { ThemeProvider } from "@/components/theme-provider";
+import { authClient } from "@/lib/auth/client";
 
 export function Providers({ children }: { children: ReactNode }) {
-  // Including error handling and refetch interval for better user experience
   return (
     <ThemeProvider
       attribute="class"
@@ -13,13 +13,17 @@ export function Providers({ children }: { children: ReactNode }) {
       enableSystem
       disableTransitionOnChange
     >
-      <SessionProvider
-        // Re-fetch session every 30 minutes (reduced from 10)
-        refetchInterval={30 * 60}
-        refetchOnWindowFocus={false}
+      <NeonAuthUIProvider
+        authClient={authClient}
+        redirectTo="/dashboard"
+        emailOTP
+        credentials={{ forgotPassword: true }}
       >
         {children}
-      </SessionProvider>
+      </NeonAuthUIProvider>
     </ThemeProvider>
   );
 }
+
+// Export UserButton for use in layouts
+export { UserButton };