fix outline around verification badge (#114)

* fix outline around verification badge

* tidy

Author: mindofmar

src/components/simulation/PersonalSign.tsx

@@ -89,7 +89,6 @@ export const PersonalSign: React.FC<PersonalSignProps> = (props: PersonalSignPro
               <p>Signing into</p>
               <div className={styles['df-ac-g5']}>
                 <div
-                  className={`${hideOnLoading} ${shimmer}`}
                   style={{ display: 'flex', height: '18px', width: '18px', minWidth: '18px' }}
                 >
                   <WebsiteVerificationBadge verified={currentSimulation.simulation.scanResult.verified} recommendedAction={currentSimulation.simulation.recommendedAction} tooltipPosition='left' />

src/components/simulation/SimulationSubComponents/WebsiteVerificationBadge.tsx

@@ -3,7 +3,6 @@ import { RecommendedActionType } from '../../../models/simulation/Transaction';
 import { PlacementWithLogical, Tooltip } from '@chakra-ui/react';
 import styles from '../simulation.module.css';
 
-
 interface WebsiteVerificationBadgeProps {
   verified: boolean;
   recommendedAction: RecommendedActionType;
@@ -41,18 +40,22 @@ export function WebsiteVerificationBadge(props: WebsiteVerificationBadgeProps) {
 
   const websiteIcon = getWebsiteIcon();
 
+  if (!websiteIcon) {
+    return <></>;
+  }
+
   return (
     <>
       <Tooltip
         hasArrow
-        label={websiteIcon?.tooltipText}
+        label={websiteIcon.tooltipText}
         bg="#212121"
         color="white"
         placement={tooltipPosition}
         borderRadius={'5px'}
         className={`${styles['font-archivo-medium']} pl-2 pr-2 pt-1 pb-1`}
       >
-        <img src={websiteIcon?.iconPath} width={25} className={styles.zoom} />
+        <img src={websiteIcon.iconPath} width={25} className={styles.zoom} />
       </Tooltip>
     </>