removed console error

src/components/ServiceProject/ManageServiceProject.jsx

@@ -192,8 +192,8 @@ const ManageServiceProject = ({ serviceProjectId, onClose }) => {
               {...register("statusId")}
             >
               <option>Select Service</option>
-              {PROJECT_STATUS.map((status) => (
+              {PROJECT_STATUS?.map((status) => (
-                <option value={status.id}>{status.label}</option>
+                <option key={status.id} value={status.id}>{status.label}</option>
               ))}
             </select>
             {errors?.statusId && (

src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx

@@ -103,7 +103,7 @@ const ServiceBranch = () => {
                     htmlFor="inactiveEmployeesCheckbox"
                     className="ms-2 text-xs"
                   >
-                    Show Deleted Branches
+                    {!showInactive ? "Show Deleted" : "Hide Deleted"}
                   </label>
                 </div>
                 <div className="d-flex justify-content-end">

src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamAllocation.jsx

@@ -162,7 +162,7 @@ const ServiceProjectTeamAllocation = () => {
               </div>
               <div className="col-12 d-flex flex-row gap-2 flex-wrap">
                 {selectedEmployees.map((e) => (
-                  <EmployeeChip handleRemove={handleRemove} employee={e} />
+                  <EmployeeChip key={`${e.id}-emp`} handleRemove={handleRemove} employee={e} />
                 ))}
               </div>
             </>

src/components/common/Chips.jsx

@@ -1,7 +1,7 @@
-import React from 'react'
+import React from "react";
 
-export const EmployeeChip = ({handleRemove,employee}) => {
+export const EmployeeChip = ({ handleRemove, employee }) => {
- return(
+  return (
     <span
       key={employee?.id}
       className="tagify__tag d-inline-flex align-items-center me-1 mb-1"
@@ -40,6 +40,5 @@ export const EmployeeChip = ({handleRemove,employee}) => {
         title="Remove"
       />
     </span>
-  )
+  );
-}
+};
-

src/components/common/Forms/InputSuggesstionField.jsx

@@ -14,7 +14,6 @@ const InputSuggessionField = ({
 }) => {
   const [open, setOpen] = useState(false);
   const dropdownRef = useRef(null);
-console.log(suggesstionList)
   useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -61,7 +60,7 @@ console.log(suggesstionList)
 
       {open && !isLoading && (
         <ul
-          className="dropdown-menu w-100 shadow-sm show animate__fadeIn"
+          className="dropdown-menu w-100 shadow-sm show animate__fadeIn h-64 overflow-auto rounded overflow-x-hidden"
           style={{
             position: "absolute",
             top: "100%",