convert to components

frontend/src/app/projects/view/AddServicesModal/AddServicesModal.jsx

@@ -2,6 +2,7 @@
 import React from "react";
 import styles from "./styles.module.css";
 import { useRouter, usePathname } from "next/navigation";
+import CloseIcon from "@/app/components/icons/close";
 
 const AddServicesModal = (props) => {
   const router = useRouter();
@@ -90,31 +91,8 @@ const AddServicesModal = (props) => {
               <p>Choose how you want to create your service</p>
             </div>
           </div>
-          <svg
-            onClick={() => props.trigger(!props.triggerState)}
-            xmlns="http://www.w3.org/2000/svg"
-            width="28"
-            height="28"
-            viewBox="0 0 28 28"
-            fill="none"
-          >
-            <path
-              d="M20.7077 7.29199L7.29102 20.7087"
-              stroke="white"
-              strokeOpacity="1"
-              strokeWidth="1.5"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              d="M7.29102 7.29199L20.7077 20.7087"
-              stroke="white"
-              strokeOpacity="1"
-              strokeWidth="1.5"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </svg>
+
+          <CloseIcon onClick={() => props.trigger(!props.triggerState)} />
         </div>
         <div className={styles.content}>
           {servicesList.map((service, key) => {