fix(app): rename class names that content blockers treat as ads (#1621)

fluxer_app/src/features/guild/components/RoleManagement.module.css

@@ -68,12 +68,12 @@
 	gap: 0.25rem;
 }
 
-.addRoleButton {
+.assignRoleButton {
 	cursor: pointer;
 	transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.addRoleButtonIcon {
+.assignRoleButtonIcon {
 	display: flex;
 	height: 1rem;
 	width: 1rem;
@@ -83,8 +83,8 @@
 	cursor: pointer;
 }
 
-.addRoleButtonIcon:hover,
-.addRoleButtonIcon[data-context-menu-open='true'] {
+.assignRoleButtonIcon:hover,
+.assignRoleButtonIcon[data-context-menu-open='true'] {
 	color: var(--text-primary);
 }
 

fluxer_app/src/features/guild/components/RoleManagement.tsx

@@ -449,7 +449,7 @@ export const AddRoleButton: React.FC<{
 				<FocusRing offset={-2} data-flx="guild.role-management.add-role-button.focus-ring">
 					<button
 						type="button"
-						className={clsx(styles.addRoleButton, styles.addRoleButtonIcon)}
+						className={clsx(styles.assignRoleButton, styles.assignRoleButtonIcon)}
 						onClick={handleClick}
 						aria-label={i18n._(ADD_ROLE_DESCRIPTOR)}
 						data-flx="guild.role-management.add-role-button.add-role-button.click"