Resolved a NaN error in role management

ui/src/pages/ManageRoles.vue

@@ -113,7 +113,10 @@ async function handleCreateGroup() {
     }
 }
 
-
+const viewingGroup = computed(() => {
+    return route.path.startsWith('/administration/roles/')
+        && route.params.id !== undefined
+})
 
 onMounted(async () => {
     roles.value = await getRoles();
@@ -146,7 +149,12 @@ onMounted(async () => {
 
             </div>
             <div>
-                <RoleView :all-members="allMembers"></RoleView>
+                <RoleView v-if="viewingGroup" :all-members="allMembers" />
+                <div v-else class="h-full flex items-center justify-center">
+                    <p class="text-muted-foreground text-center">
+                        Select a group to manage
+                    </p>
+                </div>
             </div>
         </div>
     </div>