rework AppSecurityReport

ui/marketplace/AppSecurityReport.tsx

@@ -13,11 +13,11 @@ import SolidityscanReportScore from 'ui/shared/solidityscanReport/SolidityscanRe
 type Props = {
   id: string;
   securityReport?: any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  isLarge?: boolean;
+  height?: string | undefined;
   showContractList: (id: string, type: ContractListTypes) => void;
 }
 
-const AppSecurityReport = ({ id, securityReport, isLarge, showContractList }: Props) => {
+const AppSecurityReport = ({ id, securityReport, height, showContractList }: Props) => {
   const {
     overallInfo: {
       securityScore,
@@ -34,7 +34,7 @@ const AppSecurityReport = ({ id, securityReport, isLarge, showContractList }: Pr
 
   return (
     <SolidityscanReportButton
-      height={ isLarge ? undefined : '30px' }
+      height={ height }
       score={ securityScore }
       popoverContent={ (
         <>

ui/marketplace/MarketplaceListWithScores/ListItem.tsx

@@ -98,7 +98,12 @@ const ListItem = ({ app, onInfoClick, isFavorite, onFavoriteClick, isLoading, on
         </Flex>
         <Flex alignItems="center">
           <Flex flex={ 1 } gap={ 3 } alignItems="center">
-            <AppSecurityReport id={ id } securityReport={ securityReport } showContractList={ showContractList }/>
+            <AppSecurityReport
+              id={ id }
+              securityReport={ securityReport }
+              showContractList={ showContractList }
+              height="30px"
+            />
             <ContractListButton onClick={ showAllContracts } variant={ ContractListButtonVariants.ALL_CONTRACTS }>
               { totalContractsNumber }
             </ContractListButton>

ui/marketplace/MarketplaceListWithScores/TableItem.tsx

@@ -83,7 +83,7 @@ const TableItem = ({
         <AppLink app={ app } isLoading={ isLoading } onAppClick={ onAppClick } isLarge/>
       </Td>
       <Td verticalAlign="middle">
-        <AppSecurityReport id={ id } securityReport={ securityReport } showContractList={ showContractList } isLarge/>
+        <AppSecurityReport id={ id } securityReport={ securityReport } showContractList={ showContractList }/>
       </Td>
       <Td verticalAlign="middle">
         <ContractListButton onClick={ showAllContracts } variant={ ContractListButtonVariants.ALL_CONTRACTS }>