Merge branch 'main' of https://app.gitpasha.com/mohammedsaid18/dashboard

src/components/CampaignTracker.tsx

@@ -130,6 +130,7 @@ const CampaignTracker = ({ handleMenuClick }: { handleMenuClick: () => void }) =
           )
         })}
       </div>
+      
     </div>
   )
 }

src/components/IntegratedStrategy.tsx

@@ -332,7 +332,7 @@ const IntegratedStrategy = () => {
   ]
 
   const CategorySection = ({ category }: { category: Category }) => (
-    <div className="mb-4 ">
+    <div className="mb- bg-white pt-1">
       <div className={`${category.color} px-3 py-2 mt-2  mb-2 ml-2 mr-2 rounded-xl border-blue-500`}>
         <div className="flex items-center gap-2">
           <div className={`w-2 h-5 ${category.highlight} rounded`}></div>
@@ -363,7 +363,8 @@ const IntegratedStrategy = () => {
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
         {columns.map((column, index) => (
           <div key={index} className="bg-[#f6f6fa] rounded-lg">
-            <div className=" bg-[#f6f6fa] p-4 rounded-t-lg shadow-[0_4px_8px_0_rgba(0,0,0,0.08)]">
+            <div className="  p-4 rounded-t-lg border-0 rounded-b-xl"> 
+              {/* shadow-[0_4px_8px_0_rgba(0,0,0,0.08)] */}
               <div className="flex items-center justify-between">
                 <div className="flex items-center gap-2">
                   <h2 className="text-lg font-semibold text-[#2B2D3B]">{column.title}</h2>
@@ -374,7 +375,7 @@ const IntegratedStrategy = () => {
                 {column.date && <span className="text-sm text-gray-500 font-medium">{column.date}</span>}
               </div>
             </div>
-            <div className=' custom-scrollbar rounded-xl'>
+            <div className=' custom-scrollbar rounded-xl ' style={{ border: 0}}>
               {column.categories.map((category, categoryIndex) => (
                 <CategorySection key={categoryIndex} category={category} />
               ))}