fix: remove duplicate values in dropdown options

- Added deduplication utility function to prevent duplicate entries
- Enhanced cross-pollination between source and target options
- Added one-time cleanup effect to remove existing duplicates
- Fixed ESLint errors (console.log and multiple statements per line)

Author: prakriti-solankey

frontend/src/components/Popups/GraphEnhancementDialog/EnitityExtraction/GraphPattern.tsx

@@ -38,6 +38,16 @@ const GraphPattern: React.FC<TupleCreationProps> = ({
   });
   const sourceRef = useRef<HTMLDivElement | null>(null);
   const { userCredentials } = useCredentials();
+  const deduplicateOptions = (options: OptionType[]): OptionType[] => {
+    const seen = new Set<string>();
+    return options.filter((option) => {
+      if (seen.has(option.value)) {
+        return false;
+      }
+      seen.add(option.value);
+      return true;
+    });
+  };
 
   useEffect(() => {
     const isGlobalStateSet =
@@ -64,17 +74,53 @@ const GraphPattern: React.FC<TupleCreationProps> = ({
             target: { value: targetVal, label: targetVal },
           };
         });
-        const savedSources: OptionType[] = Array.from(sourceSet).map((val) => ({ value: val, label: val }));
         const savedTypes: OptionType[] = Array.from(typeSet).map((val) => ({ value: val, label: val }));
-        const savedTargets: OptionType[] = Array.from(targetSet).map((val) => ({ value: val, label: val }));
+        const combinedSourceTarget = new Set([...sourceSet, ...targetSet]);
+        const combinedSourceTargetOptions: OptionType[] = Array.from(combinedSourceTarget).map((val) => ({
+          value: val,
+          label: val,
+        }));
+
         setSelectedRels(mappedRels);
-        setSourceOptions(savedSources);
+        setSourceOptions(combinedSourceTargetOptions);
         setTypeOptions(savedTypes);
-        setTargetOptions(savedTargets);
+        setTargetOptions(combinedSourceTargetOptions);
       }
     }
   }, []);
 
+  useEffect(() => {
+    let timeoutId: NodeJS.Timeout;
+    timeoutId = setTimeout(() => {
+      if (sourceOptions.length > 0) {
+        const deduped = deduplicateOptions(sourceOptions);
+        if (deduped.length !== sourceOptions.length) {
+          setSourceOptions(deduped);
+        }
+      }
+
+      if (targetOptions.length > 0) {
+        const deduped = deduplicateOptions(targetOptions);
+        if (deduped.length !== targetOptions.length) {
+          setTargetOptions(deduped);
+        }
+      }
+
+      if (typeOptions.length > 0) {
+        const deduped = deduplicateOptions(typeOptions);
+        if (deduped.length !== typeOptions.length) {
+          setTypeOptions(deduped);
+        }
+      }
+    }, 1000);
+
+    return () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, []);
+
   const handleNewValue = (newValue: string, type: 'source' | 'type' | 'target') => {
     const regex = /^[^,]*$/;
     if (!newValue.trim()) {
@@ -92,11 +138,16 @@ const GraphPattern: React.FC<TupleCreationProps> = ({
     } else {
       setShowWarning((old) => ({ ...old, [type]: { showError: false, errorMessage: '' } }));
       const newOption: OptionType = { value: newValue.trim(), label: newValue.trim() };
-      const checkUniqueValue = (list: OptionType[], value: OptionType) =>
-        (list.some((opt) => opt.value === value.value) ? list : [...list, value]);
+      const checkUniqueValue = (list: OptionType[], value: OptionType) => {
+        const exists = list.some((opt) => opt.value === value.value);
+        const updatedList = exists ? list : [...list, value];
+        return deduplicateOptions(updatedList);
+      };
+
       switch (type) {
         case 'source':
           setSourceOptions((prev) => checkUniqueValue(prev, newOption));
+          setTargetOptions((prev) => checkUniqueValue(prev, newOption));
           onPatternChange(newOption, selectedType as OptionType, selectedTarget as OptionType);
           break;
         case 'type':
@@ -105,10 +156,11 @@ const GraphPattern: React.FC<TupleCreationProps> = ({
           break;
         case 'target':
           setTargetOptions((prev) => checkUniqueValue(prev, newOption));
+          setSourceOptions((prev) => checkUniqueValue(prev, newOption));
           onPatternChange(selectedSource as OptionType, selectedType as OptionType, newOption);
           break;
         default:
-          console.log('wrong type added');
+          // Invalid type provided
           break;
       }
       setInputValues((prev) => ({ ...prev, [type]: '' }));