hello how i can use

export const metadata = {
  title: "MineLegends ACP - Login",
  description: "MineLegends Administation Control Panel Login",
};

with "use client" in this page:

"use client"
export const metadata = {
  title: "MineLegends ACP - Login",
  description: "MineLegends Administation Control Panel Login",
};
import { useEffect, useState } from "react";
import { signIn, useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
import { Formik } from "formik";
import { Button, Input, Divider } from "@nextui-org/react";
import Image from "next/image";
import { EyeFilledIcon } from "../../components/EyeFilledIcon";
import { EyeSlashFilledIcon } from "../../components/EyeSlashFilledIcon ";


export default function Home() {
  const router = useRouter();
  const { data: session } = useSession();
  const [isPasswordVisible, setPasswordIsVisible] = useState(false);

  const togglePasswordVisibility = () =>
    setPasswordIsVisible(!isPasswordVisible);

  useEffect(() => {
    if (session) {
      router.push("/dashboard");
    }
  }, [session, router]);