DEP-276: Formio styling and functionality adjustments

[NatSquared]

Issue #: 🎟️ DEP-276

Description of changes:

• Feature Re-style Formio components; ensure BC Gov components work properly
  • Ensured all Formio imports come from the same package, which means all components are brought into the same runtime when using Formio.use(). This fixes an issue where some components were unable to render certain other components as children.
  • Updated Formio component styles to match BC Gov design system, including button sizes, focus states, and other visual elements. This ensures a consistent look and feel across the application. Also imported some style overrides from the CHEFS frontend.
  • Created custom overrides to ensure focus states and buttons feel at home within DEP.
  • Added focusability for buttons that lacked tabindex and aria roles, improving accessibility for keyboard and screen reader users.
  • Removed kludged Bootstrap styles and imported Bootstrap SCSS directly into the Formio SCSS file, allowing for better control over styling and ensuring Bootstrap does not overwrite outer components.
  • Removed buggy Typescript declarations for Formio.Utils; import directly from Formio instead
  • Moved admin survey preview page; adjusted link name

User Guide update ticket (if applicable):

• • Yes, a user guide update ticket has been created. (Link to ticket)
• • No, a user guide update ticket is not required.

Common component changes:

• • Yes, I have updated CONTRIBUTING.md and the docblocks to document any changes to the common components.
• • No, there are no changes to the common components.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud