fix: handle null subCategory in security scanning

Author: arunjaindev

src/Shared/Components/Security/SecurityDetailsCards/SecurityCard.tsx

@@ -55,7 +55,7 @@ const SecurityCard = ({ category, subCategory, severityCount = {}, handleCardCli
 
     return (
         <div
-            className={`w-100 bcn-0 p-20 flexbox-col dc__gap-16 br-8 dc__border security-card security-card${hasThreats ? '--threat' : '--secure'}`}
+            className={`w-100 p-20 flexbox-col dc__gap-16 br-8 dc__border security-card security-card${hasThreats ? '--threat' : '--secure'}`}
             role="button"
             tabIndex={0}
             onClick={handleCardClick}

src/Shared/Components/Security/SecurityDetailsCards/SecurityDetailsCards.tsx

@@ -82,6 +82,10 @@ const SecurityDetailsCards = ({ scanResult, Sidebar }: SecurityDetailsCardsProps
                         </div>
                         <div className="dc__grid security-cards">
                             {SECURITY_CONFIG[category].subCategories.map((subCategory: ScanSubCategories) => {
+                                // Explicit handling if subcategory is null
+                                if (!scanResult[category][subCategory]) {
+                                    return null
+                                }
                                 const severityCount =
                                     subCategory === SUB_CATEGORIES.MISCONFIGURATIONS
                                         ? scanResult[category][subCategory]?.misConfSummary?.status