Discrepancies between new alert.twig component and messages.js

Problem/Motivation

The new alert component using alert.twig is different from the template being used in messages.js. At different times, website is loading alert using one or the other template. Is this on purpose or should these two templates be standardized so they are using the same template structure and functionality.

One example is that the h2 heading in messages.js has the visually-hidden class whereas in alert.twig, it does not. The inner html of messages.js is different from alert.twig as well.

Proposed resolution

These should use the same structure and functionality.