web: clear out selecteds list after an API event to ensure a fresh copy of the policies-to-delete list (#8125)

* web: clear out selecteds list after an API event to ensure a fresh copy of the policies-to-delete list

* Prettier had opinions.

* web: A better fix

This fix creates a new property of Table, 'clearOnRefresh', which
automatically empties the `selectedElements` list when an EVENT_REFRESH
event completes.  Set this flag on any table that uses the
`selectedElements` list for bulk deletion; this ensures that stale
data in the `selectedElements` list will not persist and interfere
with future deletion events.

web/src/admin/roles/RoleListPage.ts

@@ -21,6 +21,7 @@ import { RbacApi, Role } from "@goauthentik/api";
 @customElement("ak-role-list")
 export class RoleListPage extends TablePage<Role> {
     checkbox = true;
+    clearOnRefresh = true;
     searchEnabled(): boolean {
         return true;
     }

web/src/admin/roles/RolePermissionGlobalTable.ts

@@ -21,6 +21,7 @@ export class RolePermissionGlobalTable extends Table<Permission> {
     }
 
     checkbox = true;
+    clearOnRefresh = true;
 
     order = "content_type__app_label,content_type__model";
 

web/src/admin/roles/RolePermissionObjectTable.ts

@@ -20,6 +20,7 @@ export class RolePermissionObjectTable extends Table<ExtraRoleObjectPermission>
     }
 
     checkbox = true;
+    clearOnRefresh = true;
 
     apiEndpoint(page: number): Promise<PaginatedResponse<ExtraRoleObjectPermission>> {
         return new RbacApi(DEFAULT_CONFIG).rbacPermissionsRolesList({