Bootstrap Migration for Learn Testimony Pages

[Mephistic]

Summary

This PR covers a first pass at the Bootstrap migration of the Learn Testimony pages. This includes:

• [ ] Conversion to Typescript
• [ ] Removing CSS Module styles in favor of innate Bootstrap styles and styled components

This addresses the issue tracked in #1443

There are some minor style changes here that I don't think should be a deal breaker, and I ran into some font sizing inconsistency of the sort we're likely interested in addressing in the dev/design sync.

Checklist

• [na] On the frontend, I've made my strings translate-able.
• [na] If I've added shared components, I've added a storybook story.
• [x] I've made pages responsive and look good on mobile.

Screenshots

The Basics of Testimony and Role of Testimony should be identical to prod. The style differences are mainly around the text styles on the Writing Effective Testimony and The MA Legislative Process pages - it'd be helpful to pick a consistent font/font size here to just use on all these cards for readability and reusability.

Old Writing Effective Testimony card:

Updated Writing Effective Testimony card:

Old The MA Legislative Process card:

Updated The MA Legislative Process card:

Known issues

If you've run against limitations or caveats, include them here. Include follow-up issues as well.

Steps to test/reproduce

1. Navigate to the Learn About Testimony page
2. Check each of the tabs to see that they display the expected content and styles (including resizing the window to check responsive styles).

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
maple-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 5, 2024 10:05pm