tasko/app/(platform)/(dashboard)/organization/layout.tsx

import { Sidebar } from '../_components/sidebar';

const OrganizationLayout = ({ children }: { children: React.ReactNode }) => {
  return (
    <main className='mx-auto max-w-6xl px-4 pt-20 md:pt-24 2xl:max-w-screen-xl'>
      <div className='flex gap-x-7'>
        <div className='hidden w-64 shrink-0 md:block'>
          <Sidebar />
        </div>
        {children}
      </div>
    </main>
  );
};

export default OrganizationLayout;