add tooltip for security score on app page

ui/marketplace/AppSecurityReport.tsx

@@ -54,6 +54,7 @@ const AppSecurityReport = ({ id, securityReport, height, showContractList, isLoa
           onClick={ handleButtonClick }
           height={ height }
           onlyIcon={ onlyIcon }
+          label="The security score is based on analysis of a DApp's smart contracts."
         />
       </PopoverTrigger>
       <PopoverContent w={{ base: '100vw', lg: '328px' }}>

ui/shared/solidityscanReport/SolidityscanReportButton.tsx

@@ -13,16 +13,17 @@ interface Props {
   height?: string;
   onlyIcon?: boolean;
   onClick?: () => void;
+  label?: string;
 }
 
 const SolidityscanReportButton = (
-  { className, score, isLoading, height = '32px', onlyIcon, onClick }: Props,
+  { className, score, isLoading, height = '32px', onlyIcon, onClick, label = 'Security score' }: Props,
   ref: React.ForwardedRef<HTMLButtonElement>,
 ) => {
   const { scoreColor } = useScoreLevelAndColor(score);
 
   return (
-    <PopoverTriggerTooltip label="Security score" isLoading={ isLoading } className={ className }>
+    <PopoverTriggerTooltip label={ label } isLoading={ isLoading } className={ className }>
       <Button
         ref={ ref }
         color={ scoreColor }