Integrate meta campaigns into app

dashboard/src/App.jsx

@@ -90,7 +90,7 @@ const DashboardLayout = () => {
         </div>
         <Navigation />
         <div className="p-4 space-y-4">
-          <MetaCampaigns />
+
           <div className="grid grid-cols-1 xl:grid-cols-6 gap-4">
             <div className="xl:col-span-4 col-span-6">
               <div className="space-y-4 h-full w-full">
@@ -119,6 +119,9 @@ const DashboardLayout = () => {
           <div id="campaigns">
             <KlaviyoCampaigns />
           </div>
+          <div id="meta-campaigns">
+            <MetaCampaigns />
+          </div>
           <div id="calls">
             <AircallDashboard />
           </div>

dashboard/src/components/dashboard/KlaviyoCampaigns.jsx

@@ -183,7 +183,7 @@ const KlaviyoCampaigns = ({ className }) => {
       <CardHeader className="pb-2">
         <div className="flex justify-between items-center">
           <CardTitle className="text-xl font-semibold text-gray-900 dark:text-gray-100">
-            Campaigns
+            Klaviyo Campaigns
           </CardTitle>
           <div className="flex gap-2">
             <div className="flex flex-wrap gap-1 items-center">

dashboard/src/components/dashboard/Navigation.jsx

@@ -27,6 +27,7 @@ const Navigation = () => {
     { id: "products", label: "Top Products" },
     { id: "sales", label: "Sales Chart" },
     { id: "campaigns", label: "Campaigns" },
+    { id: "meta-campaigns", label: "Meta Ads" },
     { id: "calls", label: "Aircall" },
   ];