Simplify close handlers using nullish coalescing

Replace duplicated conditional logic in onKeydown and handleClickOutside with optional chaining and nullish coalescing. Compute name = pg?.name ?? selectedGroupName.value, assign it to searchText, and only update selectedGroupName when a matching project group exists. This makes the code more concise and preserves the previously selected group name instead of clearing searchText when no matching group is found.

Author: shweta2101

components/ProjectGroupPicker.vue

@@ -242,12 +242,9 @@ const onKeydown = (e: KeyboardEvent) => {
     e.preventDefault()
     isOpen.value = false
     const pg = projectGroups.value.find(p => p.id === model.value)
-    if (pg) {
-      searchText.value = pg.name
-      selectedGroupName.value = pg.name
-    } else {
-      searchText.value = ''
-    }
+    const name = pg?.name ?? selectedGroupName.value
+    searchText.value = name
+    if (pg) selectedGroupName.value = name
   }
 }
 
@@ -256,12 +253,9 @@ const handleClickOutside = (event: MouseEvent) => {
     if (isOpen.value) {
       isOpen.value = false
       const pg = projectGroups.value.find(p => p.id === model.value)
-      if (pg) {
-        searchText.value = pg.name
-        selectedGroupName.value = pg.name
-      } else {
-        searchText.value = ''
-      }
+      const name = pg?.name ?? selectedGroupName.value
+      searchText.value = name
+      if (pg) selectedGroupName.value = name
     }
   }
 }