Error: 
  × It is not allowed to define inline "use server" annotated Server Actions in Client Components.
  │ To use Server Actions in a Client Component, you can either export them from a separate file with "use server" at the top, or pass them down through props from a Server Component.

'use client'

import { useUser } from "@/app/_context/UserContext";
import Link from "next/link";

export default function Dashboard() {
  async function test(formData: FormData) {
    'use server';
    console.log("show this to server");
  }
  return (
    <main>
      <h1>Dashboard Page</h1>
      <Link className="btn btn-primary" href={"/dashboard/test2"}>
        Next
      </Link>
      <Link className="btn btn-primary" href={"/auth/"}>
        Auth
      </Link>
    </main>
  );
}