Create a logout workflow with server action

app/(auth)/logout/LogoutButton.module.scss

@@ -0,0 +1,6 @@
+.logoutButton {
+  padding: 0.25rem 0.5rem;
+  background: transparent;
+  border: none;
+  font-size: 1.125rem;
+}

app/(auth)/logout/LogoutButton.tsx

@@ -0,0 +1,22 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { logout } from './action';
+import styles from './LogoutButton.module.scss';
+
+export function LogoutButton() {
+  const router = useRouter();
+  return (
+    <form>
+      <button
+        className={styles.logoutButton}
+        formAction={async () => {
+          await logout();
+          router.refresh();
+        }}
+      >
+        logout
+      </button>
+    </form>
+  );
+}

app/(auth)/logout/action.ts

@@ -0,0 +1,19 @@
+'use server';
+
+import { cookies } from 'next/headers';
+import { deleteSession } from '../../../database/sessions';
+
+export async function logout() {
+  // Task: Implement the user logout workflow
+
+  // 1. Get the session token from the cookie
+  const cookieStore = await cookies();
+
+  const session = cookieStore.get('sessionToken');
+
+  // 2. Delete the session from the database based on the token
+  if (session) await deleteSession(session.value);
+
+  // 3. Delete the session cookie from the browser
+  cookieStore.delete('sessionToken');
+}