Merge pull request 'Enhance group selection flow by ensuring latest groups data is fetched before opening the create list dialog. Additionally, refresh the groups list after a new list is created to reflect updates. This improves data consistency and user experience on th…' (#40) from ph4 into prod

Reviewed-on: #40

fe/src/pages/GroupsPage.vue

@@ -268,11 +268,14 @@ const selectGroup = (group: Group) => {
 };
 
 const openCreateListDialog = (group: Group) => {
-  availableGroupsForModal.value = [{
+  // Ensure we have the latest groups data
-    label: group.name,
+  fetchGroups().then(() => {
-    value: group.id
+    availableGroupsForModal.value = [{
-  }];
+      label: group.name,
-  showCreateListModal.value = true;
+      value: group.id
+    }];
+    showCreateListModal.value = true;
+  });
 };
 
 const onListCreated = (newList: any) => {
@@ -280,6 +283,8 @@ const onListCreated = (newList: any) => {
     message: `List '${newList.name}' created successfully.`,
     type: 'success'
   });
+  // Optionally refresh the groups list to show the new list
+  fetchGroups();
 };
 
 onMounted(async () => {