fix(conso): Replace png error picto with svg and display it in konnector card if outdated data

src/components/Konnector/KonnectorViewerCard.tsx

@@ -33,7 +33,7 @@ import Icon from 'cozy-ui/transpiled/react/Icon'
 import ExpansionPanel from '@material-ui/core/ExpansionPanel'
 import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'
 import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'
-import failurePicto from 'assets/png/picto/picto-failure.png'
+import ErrorNotif from 'assets/icons/ico/notif_error.svg'
 import ConnectionNotFound from 'components/Connection/ConnectionNotFound'
 import ConnectionForm from 'components/Connection/ConnectionForm'
 import ConnectionResult from 'components/Connection/ConnectionResult'
@@ -49,6 +49,7 @@ import {
 import { DateTime } from 'luxon'
 import { setSelectedDate } from 'store/chart/chart.actions'
 import DateChartService from 'services/dateChart.service'
+import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
 
 interface KonnectorViewerCardProps {
   fluidStatus: FluidStatus
@@ -313,12 +314,12 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({
               ) : (
                 <Icon icon={iconAddType} size={49} />
               )}
-              {fluidStatus.status === FluidState.ERROR ? (
-                <img
+              {fluidStatus.status === FluidState.ERROR || isOutdatedData ? (
+                <StyledIcon
+                  icon={ErrorNotif}
+                  size={24}
                   className="konnector-state-picto"
-                  src={failurePicto}
-                  alt={t('konnector_options.accessibility.label_ko_status')}
-                ></img>
+                />
               ) : null}
             </div>
             <div