feat: add reset functionality to MultySelect adnd clinet page

src/components/MultySelect.tsx

@@ -15,12 +15,14 @@ function MultySelect<T extends { name: string; id: string }>({
   placeholder,
   resetTitle,
   onSelect,
+  reset,
 }: {
   data: T[];
   isGrid: boolean;
   placeholder: string;
   resetTitle: string;
   onSelect: (values: T[]) => void;
+  reset?: boolean;
 }) {
   const [selectedValues, setSelectedValues] = useState<T[]>([]);
   const [isSelectVisible, setIsSelectVisible] = useState(false);
@@ -29,6 +31,12 @@ function MultySelect<T extends { name: string; id: string }>({
     setIsSelectVisible(false);
   });
 
+  useEffect(() => {
+    if (reset) {
+      setSelectedValues([]);
+    }
+  }, [reset]);
+
   useEffect(() => {
     onSelect(selectedValues);
   }, [selectedValues]);