web/src/app/admin/layout.tsx

import {ReactNode} from 'react'
import {merge} from '@/lib/utils'
import Header from './_client/header'
import Navbar from '@/app/admin/_client/navbar'

export type AdminLayoutProps = {
  children: ReactNode
}

export default async function AdminLayout(props: AdminLayoutProps) {
  return (
    <div className={merge(
      `h-screen bg-card overflow-hidden min-w-7xl overflow-y-hidden`,
      `flex items-stretch`,
    )}>

      <Navbar/>

      <div className="flex-auto flex flex-col items-stretch">
        <Header/>
        {props.children}
      </div>
    </div>
  )
}