import Sidebar from "@/components/Sidebar";
import TopBar from "@/components/TopBar";
import ContentSection from "@/components/ContentSection";

export default function Home() {
  return (
    <div className="min-h-screen bg-bg-subtle dark:bg-gray-900">
      <Sidebar />
      <main className="ml-[222px] p-8 flex flex-col gap-8">
        {/* Top Navigation Bar */}
        <TopBar />

        {/* Tab Navigation and Content */}
        <ContentSection />
      </main>
    </div>
  );
}