Refactor/group page (#666)

* refactor(backend): ♻️ Refactor base class to be abstract and create a router factory method

* feat(frontend): ✨ add group edit

* refactor(backend): ✨ add group edit support

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/api/class-interfaces/groups.ts

@@ -1,4 +1,3 @@
-import { requests } from "../requests";
 import { BaseCRUDAPI } from "./_base";
 import { GroupInDB } from "~/types/api-types/user";
 
@@ -7,10 +6,17 @@ const prefix = "/api";
 const routes = {
   groups: `${prefix}/groups`,
   groupsSelf: `${prefix}/groups/self`,
+  categories: `${prefix}/groups/categories`,
 
   groupsId: (id: string | number) => `${prefix}/groups/${id}`,
 };
 
+interface Category {
+  id: number;
+  name: string;
+  slug: string;
+}
+
 export interface CreateGroup {
   name: string;
 }
@@ -21,6 +27,14 @@ export class GroupAPI extends BaseCRUDAPI<GroupInDB, CreateGroup> {
   /** Returns the Group Data for the Current User
    */
   async getCurrentUserGroup() {
-    return await requests.get(routes.groupsSelf);
+    return await this.requests.get(routes.groupsSelf);
+  }
+
+  async getCategories() {
+    return await this.requests.get<Category[]>(routes.categories);
+  }
+
+  async setCategories(payload: Category[]) {
+    return await this.requests.put<Category[]>(routes.categories, payload);
   }
 }