feat: add header channel selector & adding channel modal menu

components/layout/app-sidebar.tsx

@@ -11,7 +11,6 @@ import {
   LayoutDashboard,
   Megaphone,
   ShoppingCart,
-  Target,
   TrendingUp,
   Settings2,
   ExternalLink,
@@ -36,17 +35,6 @@ const data = {
       icon: LayoutDashboard,
       isActive: true,
     },
-    {
-      title: "Целевые каналы",
-      url: "/channels",
-      icon: Target,
-      items: [
-        {
-          title: "Все каналы",
-          url: "/channels",
-        },
-      ],
-    },
     {
       title: "Внешние каналы",
       url: "/external-channels",

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>