Removed all govuk css (#2814)

* Removed all govuk css

* Updated reference files

* Removing govuk js

* Fixed casing for modules, removed unused page

* Got more reference images

* Updated template page

* Removed govuk padding util

* Updated hint to uswds hint

* More govuk cleanup

* Commiting backstopjs ref files

* Fixed all unit tests that broke due to brittleness around govuk styling

* Added new ref images

* Final removal of govuk

* Officially removed all govuk references

* Updated reference file

* Updated link to button

* UI modernization

* Cleanup

* removed govuk escaping tests since they are no longer needed

* Fix CodeQL security issue in escapeElementName function

- Escape backslashes first before other special characters
- Prevents potential double-escaping vulnerability
- Addresses CodeQL alert about improper string escaping

* Found more govuk removal. Fixed unit tests

* Add missing pipeline check to pre-commit

* updated test

* Updated e2e test

* More update to e2e test

* Fixed another e2e test

* Simple PR comments addressed

* More updates

* Updated backstop ref files

* Refactored folder selection for non-admins

* Updated redundant line

* Updated tests to include correct mocks

* Added more ref files

* Addressing carlos comments

* Addressing Carlo comments, cleanup of window initing

* More cleanup and addressing carlo comments

* Fixing a11 scan

* Fixed a few issues with javascript

* Fixed for pr

* Fixing e2e tests

* Tweaking e2e test

* Added more ref files and cleaned up urls.js

* Fixed bug with creating new template

* Removed brittle test - addressed code ql comment

* e2e race condition fix

* More e2e test fixes

* Updated e2e tests to not wait for text sent

* Updated test to not wait for button click response

* Made tear down more resilent if staging is down

* reverted e2e test to what was working before main merge

* Updated backstopRef images

* Updated gulp to include job-polling differently

app/templates/views/message-status.html

@@ -19,8 +19,8 @@
 
   <!-- <p>If you’re using the Notify API, read our <a class="usa-link" href="{{ url_for('.documentation') }}">documentation</a> for a list of API statuses.<p>
 
-  <h2 id="email-statuses" class="heading-medium">Emails</h2>
-  <div class="bottom-gutter-3-2">
+  <h2 id="email-statuses" class="font-heading-lg">Emails</h2>
+  <div class="margin-bottom-3">
     {% call mapping_table(
       caption='Message statuses – emails',
       field_headings=['Status', 'Description'],
@@ -31,7 +31,7 @@
         ('Sending', 'Notify has sent the message to the provider. The provider will try to deliver the message to the recipient for up to 72 hours. Notify is waiting for delivery information.'),
         ('Delivered', 'The message was successfully delivered. Notify cannot tell you if a user has opened or read a message.'),
         ('Email address does not exist', 'The provider could not deliver the message because the email address was wrong. You should remove these email addresses from your database.'),
-        ('Inbox not accepting messages right now', 'The provider could not deliver the message. This can happen when the recipient’s inbox is full or their anti-spam filter rejects your email. <a class="usa-link" href="https://www.gov.uk/service-manual/design/sending-emails-and-text-messages#protect-your-users-from-spam-and-phishing">Check your content does not look like spam</a> before you try to send the message again.' | safe),
+        ('Inbox not accepting messages right now', 'The provider could not deliver the message. This can happen when the recipient\'s inbox is full or their anti-spam filter rejects your email. Check your content does not look like spam before you try to send the message again.'),
         ('Technical failure', 'Your message was not sent because there was a problem between Notify and the provider. You’ll have to try sending your messages again.'),
       ] %}
         {% call row() %}
@@ -42,13 +42,13 @@
     {% endcall %}
   </div>
 
-  <h3 id="spam" class="heading-small">Spam</h3>
+  <h3 id="spam" class="font-heading-md">Spam</h3>
   <p>If an email is marked as spam, Notify receives a ‘complaint’ from the email provider. We’ll contact you if we receive a complaint about any of your emails. When this happens you should remove the recipient’s email address from your list.</p>
 
-  <h3 id="open-rates" class="heading-small">Open rates and click-throughs</h3>
+  <h3 id="open-rates" class="font-heading-md">Open rates and click-throughs</h3>
   <p>Notify cannot tell you if your users open an email or click on the links in an email. We do not track open rates and click-throughs because there are privacy issues. Tracking emails without asking permission from users could breach General Data Protection Regulations (GDPR).</p> -->
 
-  <h2 id="text-message-statuses" class="heading-medium">Text messages</h2>
+  <h2 id="text-message-statuses" class="font-heading-lg">Text messages</h2>
   <div class="margin-bottom-8 table-overflow-x-auto">
     {% call mapping_table(
       caption='Message statuses – text messages',
@@ -60,8 +60,7 @@
         ('Scheduled', 'The total number of messages that have been scheduled to be sent at some future time.'),
         ('Canceled', 'Messages that were created and scheduled, but canceled prior to Sending.'),
         ('Total', 'The total number of messages that have been sent during the specified time.'),
-        ('Pending', 'Notify has sent the message to the provider. The provider will try to deliver the message to the recipient for up to 72
-        hours. “Pending” indicates that Notify is waiting for delivery information.'),
+        ('Pending', 'Notify has sent the message to the provider. The provider will try to deliver the message to the recipient for up to 72 hours. "Pending" indicates that Notify is waiting for delivery information.'),
         ('Delivered', 'The message was successfully delivered. Notify cannot tell you if a user has opened or read a message.'),
         ('Failed', 'The message could not be delivered.'),
         ('Process error / Delivery not attempted', 'If you receive a large number of process errors, please contact the Notify team.'),
@@ -73,14 +72,14 @@
       {% endfor %}
     {% endcall %}
   </div>
-  <h2 class="heading-medium">About carrier statuses</h2>
+  <h2 class="font-heading-lg">About carrier statuses</h2>
   <p>Sometimes Notify receives more detailed information from the carriers on the status of messages, and these can be found
   in the downloadable reports. Not all carriers provide the same level of detail regarding delivery and some delivery
   statutes have a slight variation in word choice. Notify includes this information in the reports to provide you as much
   detail as possible. Remember, for security purposes, detailed information is only available for seven days after a
   message has been sent.</p>
 
-  <h2 class="heading-medium">Opting out</h2>
+  <h2 class="font-heading-lg">Opting out</h2>
   <p>A text recipient can opt out of receiving text messages from your phone number at any time by responding “STOP” or
   “QUIT” or <a class="usa-link" href="https://docs.aws.amazon.com/pinpoint/latest/userguide/channels-sms-limitations-opt-out.html#settings-sms-self-opt-out-terms">one of several other keywords</a>. If they opt out,</p>
   <ul>