fix(market-card.tsx): remove unnecessary code related to Badge component

feat(index.tsx): add tags state and fetch tags from API to display as badges in the StorePage

src/frontend/src/pages/StorePage/components/market-card.tsx

@@ -125,11 +125,7 @@ export const MarketCardComponent = ({ data }: { data: storeComponent }) => {
           <div className="flex w-full flex-wrap items-end justify-between gap-2">
             <div className=" flex items-center gap-3">
               <Badge size="md" variant="outline">
-                chain
+                text
-                <IconComponent
-                  name="Link"
-                  className="ml-1.5 w-3 text-green-700"
-                />
               </Badge>
               <ShadTooltip content="Components">
                 <span className="flex items-center gap-1.5 text-xs text-foreground">

src/frontend/src/pages/StorePage/index.tsx

@@ -1,5 +1,5 @@
 import { cloneDeep } from "lodash";
-import { Link, Search } from "lucide-react";
+import { Search } from "lucide-react";
 import { useContext, useEffect, useState } from "react";
 import PaginatorComponent from "../../components/PaginatorComponent";
 import IconComponent from "../../components/genericIconComponent";
@@ -47,6 +47,7 @@ export default function StorePage(): JSX.Element {
   const [index, setPageIndex] = useState(1);
   const [errorApiKey, setErrorApiKey] = useState(false);
   const { setSavedFlows } = useContext(StoreContext);
+  const [tags, setTags] = useState<string[]>([]);
 
   async function getSavedComponents() {
     setLoading(true);
@@ -58,6 +59,11 @@ export default function StorePage(): JSX.Element {
     setSavedFlows(savedIds);
   }
 
+  useEffect(() => {
+    //TODO get tags from API
+    setTags(["tag1", "tag2", "tag3"]);
+  }, []);
+
   useEffect(() => {
     getNumberOfComponents().then((res) => {
       setTotalRowsCount(Number(res["count"]));
@@ -208,8 +214,7 @@ export default function StorePage(): JSX.Element {
           </div>
           <div className="flex h-2 items-center justify-center gap-4">
             {!loading &&
-              Array.from(new Set(searchData.map((i) => i.is_component))).map(
+              tags.map((i, idx) => (
-                (i, idx) => (
                 <Badge
                   onClick={() => {
                     filteredCategories.has(i)
@@ -233,11 +238,9 @@ export default function StorePage(): JSX.Element {
                       : ""
                   )}
                 >
-                    <Link className="mr-1.5 w-4" />
                   {i}
                 </Badge>
-                )
+              ))}
-              )}
           </div>
           <div className="mt-6 grid w-full gap-4 md:grid-cols-2 lg:grid-cols-3">
             {loading ? (