feat: clear all tags in one click button on search page (#10032)

* feat: search page clear all tags button added

* fix : clear button to remove complete search text

* fix : replace function in handleClearFunction executes only when user have searched something

* fix: replaced our button component :D

pages/search.js

@@ -180,7 +180,6 @@ export default function Search({
     if (!userSearchParam) {
       params.set("query", tagName);
     }
-
     if (userSearchParam) {
       if (searchTagNameInInput(userSearchParam, tagName)) {
         const terms = userSearchParam.split(",");
@@ -203,6 +202,24 @@ export default function Search({
     );
   };
 
+  const handleClearFilter = () => {
+    const params = new URLSearchParams({ query: searchTerm });
+    params.forEach((userSearchQueries) => {
+      if (userSearchQueries !== "undefined") {
+        replace(
+          {
+            pathname,
+            query: {
+              userSearchParam: {},
+            },
+          },
+          undefined,
+          { shallow: true },
+        );
+      }
+    });
+  };
+
   const usersPerPage = 21;
   const indexOfLastUser = currentPage * usersPerPage;
   const indexOfFirstUser = indexOfLastUser - usersPerPage;
@@ -237,6 +254,16 @@ export default function Search({
                   onClick={() => handleSearchTag(tag.name)}
                 />
               ))}
+
+          <Button
+            overrideClassNames={true}
+            className="
+            flex flex-row p-1 m-2 rounded-lg text-sm text-black font-mono border-2 border-tertiary-medium
+             bg-tertiary-medium cursor-pointer shadow-none"
+            onClick={handleClearFilter}
+          >
+            clear
+          </Button>
         </div>
 
         <Badge