Refactor log status messages to use material names instead of IDs for improved readability and context

app/src/modules/market/CardsContainer.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useState } from "react";
 import Card from "./Card";
 import AssetPreview from "./AssetPreview";
 
@@ -48,17 +48,18 @@ const CardsContainer: React.FC<ModelsProps> = ({ models }) => {
         <div className="cards-wrapper-container">
           {models.length > 0 &&
             models.map((assetDetail) => (
-              <Card
-                key={assetDetail._id}
-                assetName={assetDetail?.filename}
-                uploadedOn={assetDetail.uploadDate}
-                price={assetDetail?.price}
-                rating={4.5}
-                views={800}
-                onSelectCard={handleCardSelect}
-                image={assetDetail.thumbnail}
-                description={assetDetail.description}
-              />
+              <React.Fragment key={assetDetail._id}>
+                <Card
+                  assetName={assetDetail?.filename}
+                  uploadedOn={assetDetail.uploadDate}
+                  price={assetDetail?.price}
+                  rating={4.5}
+                  views={800}
+                  onSelectCard={handleCardSelect}
+                  image={assetDetail.thumbnail}
+                  description={assetDetail.description}
+                />
+              </React.Fragment>
             ))}
           {/* <RenderOverlay> */}
           {selectedCard && (