message: Expandable section in mirroring card is empty when no image found under a pool
  Issue:
diff: import * as React from 'react';
  +import * as _ from 'lodash';
  import { TFunction } from 'i18next';
  import { Trans, useTranslation } from 'react-i18next';
  @@ -160,6 +161,8 @@ export const MirroringCard: React.FC = () => {
  icon={healthStateMapping[mirroringImageHealth]?.icon}
  />
  </MirroringCardItem>
  + {!_.isEmpty(obj.status?.mirroringStatus?.summary?.states) && (
  + <>
  <MirroringCardItem>
  <ExpandableSection toggleText={t('ceph-storage-plugin~Show image states')}>
  <MirroringImageHealthChart t={t} poolObj={obj} />
  @@ -168,6 +171,9 @@ export const MirroringCard: React.FC = () => {
  <MirroringCardItem>
  <MirroringImageStatePopover t={t} />
  </MirroringCardItem>
  + </>
  + )}
  +
  <MirroringCardItem isLoading={!obj} title={t('ceph-storage-plugin~Last checked')}>
  {formatedDateTime}
  </MirroringCardItem>
  