components/auth/LogoutButton.tsx

'use client'

import { createClient } from '@/lib/supabase/client'
import { useRouter } from 'next/navigation'

export default function LogoutButton() {
  const router = useRouter()
  const supabase = createClient()

  const handleLogout = async () => {
    await supabase.auth.signOut()
    router.push('/auth/login')
    router.refresh()
  }

  return (
    <form onSubmit={(e) => { e.preventDefault(); handleLogout() }}>
      <button type="submit">Logout</button>
    </form>
  )
}