chore(scans): improve scan details (#6665)

ui/components/ui/custom/custom-alert-modal.tsx

@@ -32,7 +32,9 @@ export const CustomAlertModal: React.FC<CustomAlertModalProps> = ({
           <>
             <ModalHeader className="flex flex-col py-0">{title}</ModalHeader>
             <ModalBody>
-              {description}
+              <p className="text-small text-gray-600 dark:text-gray-300">
+                {description}
+              </p>
               {children}
             </ModalBody>
           </>

ui/components/ui/entities/info-field.tsx

@@ -1,13 +1,17 @@
+import clsx from "clsx";
+
 interface InfoFieldProps {
   label: string;
   children: React.ReactNode;
   variant?: "default" | "simple";
+  className?: string;
 }
 
 export const InfoField = ({
   label,
   children,
   variant = "default",
+  className,
 }: InfoFieldProps) => {
   if (variant === "simple") {
     return (
@@ -23,11 +27,11 @@ export const InfoField = ({
   }
 
   return (
-    <div className="flex flex-col gap-1">
+    <div className={clsx("flex flex-col gap-1", className)}>
       <span className="text-xs font-bold text-gray-500 dark:text-prowler-theme-pale/70">
         {label}
       </span>
-      <div className="rounded-lg bg-gray-50 px-3 py-2 text-small text-gray-900 dark:bg-prowler-blue-400 dark:text-prowler-theme-pale">
+      <div className="rounded-lg bg-gray-50 px-3 py-2 text-small text-gray-900 dark:bg-slate-800 dark:text-prowler-theme-pale">
         {children}
       </div>
     </div>