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/assets/sass/uswds/_main.scss

@@ -355,31 +355,7 @@ h2.recipient-list {
   height: 40px;
 }
 
-// Button ellipses loading
-.dot-anim {
-  display: inline-block;
-  margin-left: 0; /* remove left margin if it exists */
-  padding-left: 0;
-  font-size: 1em;
-  animation: dots 1s steps(3, end) infinite;
-}
-
-/* Optional: reduce spacing by removing whitespace node */
-button span.dot-anim {
-  margin-left: 0; /* forces no space even if white-space exists */
-}
-
-.dot-anim::after {
-  content: '.';
-  animation: dotPulse 1.5s steps(3, end) infinite;
-}
-
-@keyframes dotPulse {
-  0%   { content: ''; }
-  33%  { content: '.'; }
-  66%  { content: '..'; }
-  100% { content: '...'; }
-}
+// Removed old dot animation styles - replaced with loading-spinner in _uswds-theme-custom-styles.scss
 
 .modal-open {
   overflow: hidden;

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -615,6 +615,39 @@ details form {
   box-sizing: border-box;
 }
 
+// Loading indicator animation for buttons
+.loading-spinner {
+  display: inline-block;
+  margin-left: 0.5rem;
+  width: 1em;
+  height: 1em;
+  border: 2px solid transparent;
+  border-top-color: currentColor;
+  border-radius: 50%;
+  animation: spin 0.75s linear infinite;
+  vertical-align: middle;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+// Style for disabled loading button
+.usa-button[disabled] {
+  position: relative;
+
+  .loading-spinner {
+    display: inline-block;
+  }
+
+  min-width: 120px;
+}
+
 // Textbox highlight
 
 .textbox-highlight {
@@ -1071,3 +1104,44 @@ nav.nav {
 .organizations-radios legend.usa-legend {
   font-weight: 700;
 }
+
+.dashboard-uploads-table {
+  table {
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  th:first-child,
+  td:first-child {
+    width: 60%;
+  }
+
+  th:nth-child(2),
+  td:nth-child(2) {
+    width: 40%;
+  }
+
+  .file-name-cell {
+    .file-link {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .status-display {
+    display: flex;
+    gap: 2rem;
+    flex-wrap: nowrap;
+    align-items: baseline;
+
+    .status-item {
+      white-space: nowrap;
+
+      strong {
+        font-weight: 700;
+      }
+    }
+  }
+}