feat: add header channel selector & adding channel modal menu

components/layout/dashboard-header.tsx

@@ -15,6 +15,7 @@ import {
   BreadcrumbSeparator,
 } from "@/components/ui/breadcrumb";
 import { ThemeToggle } from "@/components/theme-toggle";
+import { TargetChannelSelector } from "@/components/target-channel-selector";
 import React from "react";
 
 interface BreadcrumbItem {
@@ -53,7 +54,8 @@ export const DashboardHeader: React.FC<DashboardHeaderProps> = ({
           </BreadcrumbList>
         </Breadcrumb>
       )}
-      <div className="ml-auto">
+      <div className="ml-auto flex items-center gap-2">
+        <TargetChannelSelector />
         <ThemeToggle />
       </div>
     </header>