ENCOA-314 :

- Implemented Async Select
- Changed Stats Page User fetching to use Async Select and only fetch the User data when it needs
- Changed Record Filter to use Async Select
- Changed useTicketListener to only fetch needed data
- Added Sort/Projection to remove unnecessary data processing.
- Removed some unnecessary data processing.

src/hooks/usePermissions.tsx

@@ -17,8 +17,7 @@ export default function usePermissions(user: string) {
 			.get<Permission[]>(`/api/permissions`)
 			.then((response) => {
 				const permissionTypes = response.data
-					.filter((x) => !x.users.includes(user))
-					.reduce((acc, curr) => [...acc, curr.type], [] as PermissionType[]);
+					.reduce((acc, curr) => curr.users.includes(user)? acc : [...acc, curr.type], [] as PermissionType[]);
 				setPermissions(permissionTypes);
 			})
 			.finally(() => setIsLoading(false));