solved ui bugs marketplace

app/src/modules/market/Card.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import {
   CommentsIcon,
   DownloadIcon,
@@ -11,13 +11,14 @@ import assetImage from "../../assets/image/image.png";
 
 interface CardProps {
   assetName: string;
-  uploadedOn: string;
+  uploadedOn: number;
   price: number;
   rating: number;
   views: number;
+  image: string;
   onSelectCard: (cardData: {
     assetName: string;
-    uploadedOn: string;
+    uploadedOn: number;
     price: number;
     rating: number;
     views: number;
@@ -30,6 +31,7 @@ const Card: React.FC<CardProps> = ({
   price,
   rating,
   views,
+  image,
   onSelectCard,
 }) => {
   const handleCardSelect = () => {
@@ -42,12 +44,19 @@ const Card: React.FC<CardProps> = ({
         <DownloadIcon />
       </div>
       <div className="image-container">
-        <img src={assetImage} alt={assetName} />
+        <img src={image} alt={assetName} />
       </div>
       <div className="assets-container">
         <div className="name-container">
-          <div className="assets-name">{assetName}</div>
-          <div className="assets-date">{uploadedOn}</div>
+          <div className="assets-name">{assetName.split("_").join(" ")}</div>
+          <div className="assets-date">
+            Uploaded on -{" "}
+            {new Date(uploadedOn).toLocaleDateString("en-GB", {
+              day: "2-digit",
+              month: "short",
+              year: "2-digit",
+            })}
+          </div>
         </div>
         <div className="details">
           <div className="content">