feat: add gradient to the body

src/components/data-table/Header/index.tsx

@@ -16,7 +16,7 @@ const TopHeader = ({ title, itemCount, onAddNew, addButtonText = "Add New" }: To
     return (
         <div className="flex flex-col gap-1 p-3 w-full">
             {/* Connected Summary Block */}
-            <div className="w-full bg-muted/30 border border-border/50 rounded-lg p-4 flex items-center">
+            <div className="w-full bg-muted/10 border border-border/50 rounded-lg p-4 flex items-center">
                 <div className="flex items-center gap-2 text-muted-foreground font-semibold tracking-tight">
                     <span className="text-base text-foreground/80">Total {title || "Items"} :</span>
                     <span className="text-primary font-bold text-lg">{itemCount || 0}</span>