fix(overview): fix undefined roundedValue in ThreatScore tooltip

Fix ReferenceError where roundedValue was used but not defined in
convertSectionScoresToTooltipData function. Changed to use the
correct value parameter from the map function.

Also replaced inline style props with Tailwind utility classes
(min-w-4 min-h-4) for icon sizing.

Note: CSS variables from globals.css are required for RadialChart
component as Recharts library needs actual color values.

Author: Alan-TheGentleman

ui/app/(prowler)/new-overview/components/threat-score/threat-score.tsx

@@ -15,6 +15,8 @@ import {
   Skeleton,
 } from "@/components/shadcn";
 
+// CSS variables are required here as they're passed to RadialChart component
+// which uses Recharts library that needs actual color values, not Tailwind classes
 const THREAT_COLORS = {
   DANGER: "var(--bg-fail-primary)",
   WARNING: "var(--bg-warning-primary)",
@@ -71,7 +73,7 @@ function convertSectionScoresToTooltipData(
 
   return Object.entries(sectionScores).map(([name, value]) => {
     // Determine color based on the same ranges as THREAT_LEVEL_CONFIG
-    const threatLevel = getThreatLevel(roundedValue);
+    const threatLevel = getThreatLevel(value);
     const color = THREAT_LEVEL_CONFIG[threatLevel].color;
 
     return { name, value, color };
@@ -166,8 +168,7 @@ export function ThreatScore({
                   <div className="flex items-start gap-1.5">
                     <ThumbsUp
                       size={16}
-                      className="mt-0.5 shrink-0"
-                      style={{ minWidth: "16px", minHeight: "16px" }}
+                      className="mt-0.5 min-h-4 min-w-4 shrink-0"
                     />
                     <p>
                       Threat score has{" "}
@@ -182,8 +183,7 @@ export function ThreatScore({
                 <div className="flex items-start gap-1.5">
                   <MessageCircleWarning
                     size={16}
-                    className="mt-0.5 shrink-0"
-                    style={{ minWidth: "16px", minHeight: "16px" }}
+                    className="mt-0.5 min-h-4 min-w-4 shrink-0"
                   />
                   <p>
                     Major gaps include {gaps.slice(0, 2).join(", ")}