first commit

components/SignOutButton.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+import { signOut } from 'next-auth/react'
+import { LogOut } from 'lucide-react'
+
+export function SignOutButton() {
+  return (
+    <button
+      onClick={() => signOut({ callbackUrl: '/login' })}
+      className="flex items-center gap-2 px-3 py-1.5 rounded-lg text-slate-400 hover:text-rose-300 hover:bg-rose-500/10 border border-transparent hover:border-rose-500/20 text-xs font-medium transition-all duration-150"
+      title="Çıkış Yap"
+    >
+      <LogOut className="w-3.5 h-3.5" />
+      <span>Çıkış Yap</span>
+    </button>
+  )
+}