Layout file for a shared UI for all the descendants in its route segment

layout.js

// app/dashboard/layout.js directory

export default function DashboardLayout({
  children, // will be a page or nested layout
}) {
  return (
    <section>
      {/* header */}
      <header>
        <nav></nav>
      </header>

      {children}

      {/* footer */}
      <footer></footer>
    </section>
  );
}