VF-Flag: Elixir Training Banner — Replace `vf-flag` Layout Class with `vf-grid`

[archibald-ebi]

Summary

Replace the soon-to-be-deprecated vf-flag layout utility class with vf-grid in the Elixir training banner component. This is part of an ongoing effort to deprecate vf-flag, which relies on outdated table-based CSS.

---

Background / Context

The vf-flag utility class is being deprecated because it uses outdated table CSS that does not align with modern layout standards. The Elixir training banner — which sits above the site footer on some sites — currently uses vf-flag for its layout. This needs to be migrated to vf-grid before vf-flag can be fully removed.

For more context, see #2345

---

Affected Sites

The Elixir training banner is present on the following sites:

• competency.ebi.ac.uk
• ebi.ac.uk/training

---

Acceptance Criteria

• The Elixir training banner component no longer uses the vf-flag class
• Layout is replaced with vf-grid and renders correctly on all affected sites
• Visual output of the banner is identical compared to the current implementation
• No regressions introduced in the banner's appearance or behaviour across breakpoints
• Changes comply with VF component release and implementation procedures
• Passes an engineering and design QA review
• Upon completion of the above, begin deprecation procedures