Add SVG assets for various icons and update settings for live server

v2/search.js

@@ -0,0 +1,37 @@
+const inputElement = document.querySelector("#search-input");
+const search_icon = document.querySelector("#search-close-icon");
+const sort_wrapper = document.querySelector(".sort-wrapper");
+
+inputElement.addEventListener("input", () => {
+  handleInputChange(inputElement);
+});
+search_icon.addEventListener("click", handleSearchCloseOnClick);
+sort_wrapper.addEventListener("click", handleSortIconOnClick);
+
+function handleInputChange(inputElement) {
+  const inputValue = inputElement.value;
+
+  if (inputValue !== "") {
+    document
+      .querySelector("#search-close-icon")
+      .classList.add("search-close-icon-visible");
+  } else {
+    document
+      .querySelector("#search-close-icon")
+      .classList.remove("search-close-icon-visible");
+  }
+}
+
+function handleSearchCloseOnClick() {
+  document.querySelector("#search-input").value = "";
+  document
+    .querySelector("#search-close-icon")
+    .classList.remove("search-close-icon-visible");
+}
+
+function handleSortIconOnClick() {
+  document
+    .querySelector(".filter-wrapper")
+    .classList.toggle("filter-wrapper-open");
+  document.querySelector("body").classList.toggle("filter-wrapper-overlay");
+}