Initial working commit

src/app/(protected)/[classSlug]/layout.tsx

@@ -0,0 +1,22 @@
+import { getClassBySlug } from "@/services/classService";
+import { notFound } from "next/navigation";
+import { ClassHeader } from "@/components/ui/ClassHeader";
+
+export default async function ClassLayout(props: LayoutProps<"/[classSlug]">) {
+  const { classSlug } = await props.params;
+  const classData = await getClassBySlug(classSlug);
+
+  if (!classData) {
+    notFound();
+  }
+
+  return (
+    <div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      {/* Dynamic Header & Tabs */}
+      <ClassHeader classSlug={classSlug} className={classData.name} />
+
+      {/* Page content */}
+      {props.children}
+    </div>
+  );
+}