rename folder organizationId -> organizationSlug

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/page-layout.tsx

@@ -0,0 +1,37 @@
+import DarkModeToggle from '@/components/dark-mode-toggle';
+
+import {
+  getCurrentProjects,
+  getProjectsByOrganizationSlug,
+} from '@openpanel/db';
+
+import LayoutProjectSelector from './layout-project-selector';
+
+interface PageLayoutProps {
+  children: React.ReactNode;
+  title: React.ReactNode;
+  organizationSlug: string;
+}
+
+export default async function PageLayout({
+  children,
+  title,
+  organizationSlug,
+}: PageLayoutProps) {
+  const projects = await getCurrentProjects(organizationSlug);
+
+  return (
+    <>
+      <div className="sticky top-0 z-20 flex h-16 flex-shrink-0 items-center justify-between border-b border-border bg-background px-4 pl-12 lg:pl-4">
+        <div className="text-xl font-medium">{title}</div>
+        <div className="flex gap-2">
+          <div>
+            <DarkModeToggle className="hidden sm:flex" />
+          </div>
+          {projects.length > 0 && <LayoutProjectSelector projects={projects} />}
+        </div>
+      </div>
+      <div>{children}</div>
+    </>
+  );
+}