fix empty image for searching on addons list

renderer/src/modules/components/addon/AddonsList/List.jsx

@@ -1,4 +1,4 @@
-import { Spinner, DeferredRender, Icon, FilterInput, HelpMessage, __TabBar, StickyElement, Popout, EmptyStateImage } from '@vizality/components';
+import { Spinner, DeferredRender, Icon, FilterInput, HelpMessage, __TabBar, StickyElement, Popout } from '@vizality/components';
 import { useForceUpdate, usePreviousProps, useFilter, useToggle } from '@vizality/hooks';
 import { toPlural, toKebabCase } from '@vizality/util/string';
 import React, { memo, useState, useEffect } from 'react';
@@ -75,6 +75,8 @@ const SearchResultsHeader = memo(({ query, resultsCount, limit, type, tab }) =>
  * @returns {React.MemoExoticComponent<function(): React.ReactElement>}
  */
 const ContentBody = memo(({ community, display, filteredResults, type, limit, resultsCount, handleResultsCount }) => {
+  const { emptyStateImage } = getModule('emptyStateImage', 'emptyStateHeader');
+
   /**
    * If the filtered items count doesn't equal the current results count, update the value.
    */
@@ -101,7 +103,7 @@ const ContentBody = memo(({ community, display, filteredResults, type, limit, re
         )
         : (
           <div className='vz-addons-list-empty'>
-            <EmptyStateImage />
+            <div class={emptyStateImage} />
             <p>{Messages.GIFT_CONFIRMATION_HEADER_FAIL}</p>
             <p>{Messages.SEARCH_NO_RESULTS}</p>
           </div>

renderer/src/modules/components/index.js

@@ -18,7 +18,6 @@ export const ContextMenu = AsyncComponent.fetchFromProps('MenuGroup', 'default')
 export const PremiumPaymentGuildAnimation = AsyncComponent.fetchFromProps('PremiumPaymentGuildAnimation');
 export const KeybindRecorder = AsyncComponent.fromDisplayName('KeybindRecorder');
 export const Helmet = AsyncComponent.fetchFromProps('HelmetProvider', 'Helmet');
-export const EmptyStateImage = AsyncComponent.fetchFromProps('EmptyStateImage');
 export const UserPopout = AsyncComponent.fromDisplayName('ConnectedUserPopout');
 export const HelmetProvider = AsyncComponent.fetchFromProps('HelmetProvider');
 export const Autocomplete = AsyncComponent.fromDisplayName('Autocomplete');