Remove references to deleted image assets

- Remove card-issuer image imports from utils.ts
- Simplify getPaymentCardTypeIcon to return null
- Remove verify-email image from SecurityCodeForm
- Remove unused ImageWrapper styled component

Author: ColbySerpa

src/components/auth/SecurityCodeForm/SecurityCodeForm.styles.ts

@@ -1,10 +1,6 @@
 import { FONT_SIZE, FONT_WEIGHT, media } from '@app/styles/themes/constants';
 import styled from 'styled-components';
 
-export const ImageWrapper = styled.div`
-  margin-bottom: 1.875rem;
-`;
-
 export const VerifyEmailDescription = styled.div`
   margin-bottom: 1.875rem;
   color: var(--text-main-color);

src/components/auth/SecurityCodeForm/SecurityCodeForm.tsx

@@ -6,10 +6,8 @@ import { VerificationCodeInput } from '@app/components/common/inputs/Verificatio
 import { useAppDispatch } from '@app/hooks/reduxHooks';
 import { doVerifySecurityCode } from '@app/store/slices/authSlice';
 import { notificationController } from '@app/controllers/notificationController';
-import VerifyEmailImage from '@app/assets/images/verify-email.webp';
 import * as Auth from '@app/components/layouts/AuthLayout/AuthLayout.styles';
 import * as S from './SecurityCodeForm.styles';
-import { BaseImage } from '@app/components/common/BaseImage/BaseImage';
 import { BaseSpin } from '@app/components/common/BaseSpin/BaseSpin';
 
 interface SecurityCodeFormProps {
@@ -49,9 +47,6 @@ export const SecurityCodeForm: React.FC<SecurityCodeFormProps> = ({ onBack, onFi
           {t('common.back')}
         </Auth.BackWrapper>
         <S.ContentWrapper>
-          <S.ImageWrapper>
-            <BaseImage src={VerifyEmailImage} alt="Not found" preview={false} />
-          </S.ImageWrapper>
           <Auth.FormTitle>{t('securityCodeForm.title')}</Auth.FormTitle>
           <S.VerifyEmailDescription>{t('common.verifCodeSent')}</S.VerifyEmailDescription>
           {isLoading ? <BaseSpin /> : <VerificationCodeInput autoFocus onChange={setSecurityCode} />}

src/utils/utils.ts

@@ -1,8 +1,5 @@
 import { NotificationType } from '@app/components/common/BaseNotification/BaseNotification';
 import { Priority } from '@app//constants/enums/priorities';
-import visa from '@app/assets/images/card-issuers/visa.png';
-import mastercard from '@app/assets/images/card-issuers/mastercard.png';
-import maestro from '@app/assets/images/card-issuers/maestro.png';
 import { CurrencyTypeEnum, Severity } from '@app/interfaces/interfaces';
 import { BaseBadgeProps } from '@app/components/common/BaseBadge/BaseBadge';
 import { currencies } from '@app/constants/config/currencies';
@@ -185,26 +182,8 @@ export const truncateString = (str: string | null | undefined, num: number): str
 };
 
 export const getPaymentCardTypeIcon = (type: string): string | null => {
-  switch (type) {
-    case 'visa':
-      return visa;
-    case 'mastercard':
-      return mastercard;
-    case 'maestro':
-      return maestro;
-    case 'amex':
-      return 'amex';
-    case 'discover':
-      return 'discover';
-    case 'diners':
-      return 'diners';
-    case 'jcb':
-      return 'jcb';
-    case 'unionpay':
-      return 'unionpay';
-    default:
-      return null;
-  }
+  // Card issuer images removed - returning null for all types
+  return null;
 };
 
 export const mapBadgeStatus = (status: BaseBadgeProps['status']): Severity => {