Use 'rules' for all frontend jobs

What does this MR do?

New iteration for #31648 (closed).

Verification matrix

Project	Reference pipeline	Test MR	Missing jobs	Extra jobs	After pipeline status
EE canonical	https://gitlab.com/gitlab-org/gitlab/pipelines/113606956	!24061 (merged)	[]	["lint-ci-gitlab"]	🔵
EE fork	https://gitlab.com/briankabiro/gitlab-ee/pipelines/110786088	!24062 (merged)	[]	["qa:internal-foss"]	🔵
EE security	https://gitlab.com/gitlab-org/security/gitlab/pipelines/110993396	https://gitlab.com/gitlab-org/security/gitlab/-/merge_requests/164	[]	["qa:internal-foss"]	🔵

Notes:

• Extra lint-ci-gitlab job is expected as it's only present on MRs that touch *.yml files.
• Extra qa:internal-foss job was added recently.
• Extra review-docs-cleanup and review-docs-deploy are manual anyway.

Does this MR meet the acceptance criteria?

Conformity

• Code review guidelines
• Merge request performance guidelines
• Style guides
• Separation of EE specific content