Fixed gap issue & added search svg

Client/src/Components/TextFields/Search/SearchTextField.jsx

@@ -1,11 +1,11 @@
 import "./searchTextField.css";
 import React from "react";
-import Search from "../../../assets/Images/Icon-search-gray.png";
+import SearchSvg from "../../../assets/icons/search.svg?react";
 
 const SearchTextField = () => {
   return (
     <div className="search-field-holder">
-      <img className="search-field-icon" src={Search} alt="Search" />
+      <SearchSvg style={{ marginRight: "5px" }} />
       <input className="search-field" type="text" placeholder="Search" />
     </div>
   );

Client/src/Pages/Monitors/index.jsx

@@ -67,7 +67,6 @@ const Monitors = () => {
         </div>
         <div className="monitors-v-gaping" />
         <MonitorTable monitors={monitorState.monitors} />
-        <div className="monitors-v-gaping" />
       </div>
     </div>
   );

Client/src/assets/icons/search.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 13L10.6667 10.6667M12.3333 6.66667C12.3333 9.79628 9.79628 12.3333 6.66667 12.3333C3.53705 12.3333 1 9.79628 1 6.66667C1 3.53705 3.53705 1 6.66667 1C9.79628 1 12.3333 3.53705 12.3333 6.66667Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>