add can manage restriction

frontend/middleware/can-manage-only.ts

@@ -0,0 +1,12 @@
+interface CanManageRedirectParams {
+  $auth: any
+  redirect: (path: string) => void
+}
+export default function ({ $auth, redirect }: CanManageRedirectParams) {
+  // If the user is not allowed to organize redirect to the home page
+  console.log($auth.user)
+  if (!$auth.user.canManage) {
+    console.warn("User is not allowed to manage group settings");
+    return redirect("/")
+  }
+}

frontend/pages/group/index.vue

@@ -65,6 +65,7 @@ import { useGroupSelf } from "~/composables/use-groups";
 import { ReadGroupPreferences } from "~/lib/api/types/group";
 
 export default defineComponent({
+  middleware: ["auth", "can-manage-only"],
   setup() {
     const { group, actions: groupActions } = useGroupSelf();