chore: Custom Roles to manage permissions [ UI ] (#9865)

In admin settings, this Pr will add the UI for managing custom roles (
ref: https://github.com/chatwoot/chatwoot/pull/9995 ). It also handles
the routing logic changes to accommodate fine-tuned permissions.

---------

Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: iamsivin <iamsivin@gmail.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>

app/javascript/dashboard/store/modules/specs/customRole/mutations.spec.js

@@ -0,0 +1,48 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../customRole';
+import { customRoleList } from './fixtures';
+
+describe('#mutations', () => {
+  describe('#SET_CUSTOM_ROLE', () => {
+    it('set custom role records', () => {
+      const state = { records: [] };
+      mutations[types.SET_CUSTOM_ROLE](state, customRoleList);
+      expect(state.records).toEqual(customRoleList);
+    });
+  });
+
+  describe('#ADD_CUSTOM_ROLE', () => {
+    it('push newly created custom role to the store', () => {
+      const state = { records: [customRoleList[0]] };
+      mutations[types.ADD_CUSTOM_ROLE](state, customRoleList[1]);
+      expect(state.records).toEqual([customRoleList[0], customRoleList[1]]);
+    });
+  });
+
+  describe('#EDIT_CUSTOM_ROLE', () => {
+    it('update custom role record', () => {
+      const state = { records: [customRoleList[0]] };
+      const updatedRole = { ...customRoleList[0], name: 'Updated Role' };
+      mutations[types.EDIT_CUSTOM_ROLE](state, updatedRole);
+      expect(state.records).toEqual([updatedRole]);
+    });
+  });
+
+  describe('#DELETE_CUSTOM_ROLE', () => {
+    it('delete custom role record', () => {
+      const state = { records: [customRoleList[0], customRoleList[1]] };
+      mutations[types.DELETE_CUSTOM_ROLE](state, customRoleList[0].id);
+      expect(state.records).toEqual([customRoleList[1]]);
+    });
+  });
+
+  describe('#SET_CUSTOM_ROLE_UI_FLAG', () => {
+    it('set custom role UI flags', () => {
+      const state = { uiFlags: {} };
+      mutations[types.SET_CUSTOM_ROLE_UI_FLAG](state, {
+        fetchingList: true,
+      });
+      expect(state.uiFlags).toEqual({ fetchingList: true });
+    });
+  });
+});