Improve group related UI

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/types/actor/group.model.ts

@@ -7,7 +7,7 @@ import type { IDiscussion } from "../discussions";
 import type { IPost } from "../post.model";
 import type { IAddress } from "../address.model";
 import { Address } from "../address.model";
-import { ActorType, Openness } from "../enums";
+import { ActorType, GroupVisibility, Openness } from "../enums";
 import type { IMember } from "./member.model";
 import type { ITodoList } from "../todolist";
 import { IActivity } from "../activity.model";
@@ -20,6 +20,7 @@ export interface IGroup extends IActor {
   organizedEvents: Paginate<IEvent>;
   physicalAddress: IAddress;
   openness: Openness;
+  visibility: GroupVisibility;
   manuallyApprovesFollowers: boolean;
   activity: Paginate<IActivity>;
 }
@@ -43,6 +44,7 @@ export class Group extends Actor implements IGroup {
 
     this.patch(hash);
   }
+  visibility: GroupVisibility = GroupVisibility.PUBLIC;
   activity: Paginate<IActivity> = { elements: [], total: 0 };
 
   openness: Openness = Openness.INVITE_ONLY;