Tracking List for Bootstrap Migration

[Mephistic]

This issue is meant to track the remaining work needed to close out the migration from css modules to react-bootstrap/styled components/typescript.

Work for each remaining component:

• [ ] Refactor components to integrate Bootstrap and styled components while removing CSS modules.
• [ ] When called for, find or create reusable (sub)components to reduce repetition and ensure uniformity.
• [ ] Create or revise the Storybook story for these components, and any new sub-components.
• [ ] Convert from js to tsx

These are the remaining components that are still using CSS modules (the remaining JS files are also covered by this list):

• [x] Layout.tsx (the base site layout)
• [x] Why Use Maple? About Pages
  • This is in progress: https://github.com/codeforboston/maple/issues/1417
• [x] AboutPagesCard (used across several of the about pages)
• [x] AboutSection(The about section on the home page). This includes:
  • [x] AboutInfoCard
• [x] AlertCardBody
• [x] The Auth Modals including:
  • [x] StartModal
  • [x] TermsOfServiceModal
  • [x] VerifyEmailModal
• [x] The Bill Details page, specifically:
  • [x] LobbyingTable
  • [x] SponsorsAndCommittees
• [x] Divider
• [x] DropdownButton (Doesn't look like this is used outside of Storybook - do we still need this?)
• [x] PersonalInfoTab on the EditProfilePage
• [x] The FAQ page, including Faq, FaqCard, and FaqQandA
  • Looks like this is in progress, but I don't see an associated issue: https://github.com/codeforboston/maple/pull/1420
• [x] Footer (This has just been resolved: https://github.com/codeforboston/maple/issues/1422)
• [x] PasswordInput (used in the sign up modals)
• [x] Our Goals And Mission page, including GoalsAndMission and GoalsAndMissionCardContent
• [x] HearingsScheduled
• [ ] HeroHeader
• [x] HotBillCard (This has an empty module.css file, just need to fix the import - although this component doesn't seem to be used anywhere - maybe this should just be removed?)
• [x] Leaf
• [x] The Learn Testimony pages, including:
  • [x] LearnComponents
  • [x] BasicsOfTestimonyCard
  • [x] LearnTestimoniesCard
  • [x] LearnTestimoniesCardContent
  • [x] LegislativeCard
  • [x] LegislativeCardContent
  • [x] RoleOfTestimonyCard
• [ ] OurPartnersCardContent
• [x] The Parallax Effect, including ScrollTrackerContainer and ScrollTrackerItem
  • We have two identical versions of this, one under ParallaxEffect and one under ScrollTrackEffect - we should probably remove the former since it doesn't seem to be used)
• [x] PriorityBillsCard
• [ ] ProfileLink
• [x] Tabs (there's a Tabs bootstrap component that might be appropriate here)
• [x] The Testimony Card, including:
  • [x] BillInfoHeader
  • [x] TestimonyItem
  • [x] UserInfoHeader
  • [x] Twitter (a Twitter timeline embed that doesn't seem to be used anywhere now. Should we remove this or re-add it somewhere?)

@sashamaryl Happy to break the remaining work out into sub-issues if the list looks right to you