Protected packages + containers: Adjust style and wording in settings UI

What does this MR do and why?

• Aligning style and wording in tables protected packages and protected containers
• Improve mobile compatibility
• These changes were suggested by @annabeldunstone in !146523 (comment 1838085406)
• This MR addresses one entry in the implementation plan, see #413641 and #441345 (closed)

Changelog: other

🛠 with ❤ at Siemens

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

MR Checklist (@gerardo-navarro)

• Changelog entry added, if necessary
• Documentation created/updated via this MR
• Documentation reviewed by technical writer or follow-up review issue created
• Tests added for this feature/bug
• Tested in all supported browsers
• Conforms to the code review guidelines
• Conforms to the merge request performance guidelines
• Conforms to the style guides
• Conforms to the javascript style guides
• Conforms to the database guides

Screenshots or screen recordings

Before	After
...	...
...	...

How to set up and validate locally

1. Follow the steps in Protected packages: Paginate protection rules i... (!140738 - merged)
2. Follow the steps in Protected containers: Protection rules in proje... (!146436 - merged)

Related to #413641 and #441345 (closed)