import { createServerComponentClient } from "@supabase/auth-helpers-nextjs";
import { ReactNode } from "react";
import { Toaster } from "@/components/ui/toaster";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";
import Navbar from "@/components/dashboard/layouts/Navbar";
import { headers as Headers } from "next/dist/client/components/headers";

export default async function Layout({ children }: { children: ReactNode }) {
  const supabase = createServerComponentClient({ cookies });
  const {
    data: { session },
  } = await supabase.auth.getSession();
  const headers = Headers();
  const pathName = headers.get("x-url") || "";
  const notProtected = ["/dashboard/login"];
  if (!session && !notProtected.includes(pathName))
    return redirect("/dashboard/login");
  return (
    <>
      <main>
        {!notProtected.includes(pathName) && <Navbar user={session.user} />}
        {children}
        <Toaster />
      </main>
    </>
  );
}

This my layout.tsx under /dashboard directory and i have a login page in /dashboard/login. when people login it redirects to /dashboard. But navbar doesn't render. I don't want to include navbar on login page.