Update CI variables table layout

What does this MR do and why?

Resolves #410383 (closed).

!119026 (merged) must be merged first for the changes to also apply to the Inherited CI Variables table. Will rebase this MR again once it's merged.

This MR applies the following changes:

• Replace Options column with Attributes. Each attribute is shown as a badge.
• Removes Type column. If the variable type is FILE, then we show it as an attribute.
• Update column widths for the CI Variables table.

Screenshots or screen recordings

Before	After

How to set up and validate locally

For CI Variables

1. Go to Settings > CI/CD > Variables.
2. If the table is empty, you can populate the table with variables using a rake task. Edit the variables to show different attributes.
3. Verify the changes.

For Inherited CI Variables

(Depends on !119026 (merged))

1. Enable the ci_vueify_inherited_group_variables feature flag.
2. Create a project in a subgroup of a group.
3. Go to Settings > CI/CD > Variables for both the subgroup and group and add some CI variables. You can also use a rake task to do this.
4. Go to Settings > CI/CD > Variables > Inherited Group Variables section for your project.
5. Verify the changes.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.