feat: global platform v2 update

components/layout/dashboard-header.tsx

@@ -15,20 +15,22 @@ import {
   BreadcrumbSeparator,
 } from "@/components/ui/breadcrumb";
 import { ThemeToggle } from "@/components/theme-toggle";
-import { TargetChannelSelector } from "@/components/target-channel-selector";
+import { ProjectSelector } from "@/components/project-selector";
 import React from "react";
 
-interface BreadcrumbItem {
+interface BreadcrumbItemType {
   label: string;
   href?: string;
 }
 
 interface DashboardHeaderProps {
-  breadcrumbs?: BreadcrumbItem[];
+  breadcrumbs?: BreadcrumbItemType[];
+  showProjectSelector?: boolean;
 }
 
 export const DashboardHeader: React.FC<DashboardHeaderProps> = ({
   breadcrumbs = [],
+  showProjectSelector = true,
 }) => {
   return (
     <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
@@ -42,9 +44,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({
                 {index > 0 && <BreadcrumbSeparator />}
                 <BreadcrumbItem>
                   {item.href ? (
-                    <BreadcrumbLink href={item.href}>
-                      {item.label}
-                    </BreadcrumbLink>
+                    <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>
                   ) : (
                     <BreadcrumbPage>{item.label}</BreadcrumbPage>
                   )}
@@ -55,7 +55,7 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({
         </Breadcrumb>
       )}
       <div className="ml-auto flex items-center gap-2">
-        <TargetChannelSelector />
+        {showProjectSelector && <ProjectSelector />}
         <ThemeToggle />
       </div>
     </header>