added missing dependency for metrics data

frontend/src/pages/shop/items-shop.tsx

@@ -31,21 +31,20 @@ export const ItemsShop: FC = () => {
         ];
       }
       filtered = items.filter((entry) => !toRemove.includes(entry));
-    };
+    }
     return filtered;
   }, [items]);
 
-
-  const metricsData = useMemo(()=>{
+  const metricsData = useMemo(() => {
     if (metrics) {
       let itemAverage = 0;
       let itemMinimum = 0;
-  
+
       if (filteredItems.length != 0) {
         itemMinimum = findMinimumValue(filteredItems.map((x) => uISTToIST(Number(x.sell.price))));
         itemAverage = findAverageValue(filteredItems.map((x) => uISTToIST(Number(x.sell.price))));
       }
-  
+
       return [
         metrics.amountSold,
         metrics.collectionSize,
@@ -56,7 +55,7 @@ export const ItemsShop: FC = () => {
       ];
     }
     return [];
-  }, [filteredItems]);
+  }, [metrics, filteredItems]);
 
   if (!filteredItems) return <></>;
   const assetsCount = filteredItems.length;
@@ -66,9 +65,9 @@ export const ItemsShop: FC = () => {
       <AssetHeaderContainer>
         <AssetHeader>{metrics ? <MarketplaceMetrics data={metricsData} asset={METRICS_ITEM} /> : <></>}</AssetHeader>
         <AssetItemFilters section={SECTION.SHOP} />
+        <AssetFilterCount customColor={color.darkGrey}>Market: {text.param.amountOfItems(assetsCount)}</AssetFilterCount>
+        <HorizontalDivider />
       </AssetHeaderContainer>
-      <AssetFilterCount customColor={color.darkGrey}>Market: {text.param.amountOfItems(assetsCount)}</AssetFilterCount>
-      <HorizontalDivider />
       {selectedId && item && <ItemDetailsMarket itemInMarket={item} selectItemInMarket={(id: string) => setSelectedId(id)} />}
       {filteredItems.length > 0 ? (
         <ItemCardsMarket itemsInMarket={filteredItems} isLoading={fetched} selectItemInMarketId={(id: string) => setSelectedId(id)} />