feat: gekleurde iconen in sidebar + dashboard (legacy icon_colors)

frontend/src/components/ui.jsx

@@ -57,7 +57,7 @@ export function Card({ title, subtitle, actions, children, className = '', paddi
   );
 }
 
-export function KpiCard({ icon: Icon, label, value, sub, color = 'accent', to }) {
+export function KpiCard({ icon: Icon, label, value, sub, color = 'accent', to, iconColor: iconCol }) {
   const colors = {
     accent: 'text-accent bg-accent-soft',
     green: 'text-green bg-green/15',
@@ -76,7 +76,7 @@ export function KpiCard({ icon: Icon, label, value, sub, color = 'accent', to })
         </div>
         {Icon && (
           <div className={`w-9 h-9 rounded-lg flex items-center justify-center ${colors[color] || colors.accent}`}>
-            <Icon className="w-4.5 h-4.5 w-[18px] h-[18px]" />
+            <Icon className="w-[18px] h-[18px]" style={{ color: iconCol || 'currentColor' }} />
           </div>
         )}
       </div>