[BB-9172] Upgrade Bootstrap and React Bootstrap
Story
"As a developer of Listaflow, I want up to date component frameworks so that I can leverage well-maintained code."
Full description
During the last set of upgrade work which removed create-react-app, most libraries were upgraded. However, Bootstrap could not be. Bootstrap's upgrades broke our overrides for Sass. While this can be fixed by changing around some entries, it leaves our report tables broken.
The reason for these breaking are two-fold:
- The overrides we have no longer work
- The ways we solved table styling previously required violating markup nesting rules
This may require side-stepping Bootstrap's default table styling somehow to provide our own, as it's possible that Bootstrap's defaults are incompatible with what we're planning. This would be more difficult to maintain, but would allow us to match the designs more closely. Alternatively, build Bootstrap-compatible tables that get as close as possible to the design, and work with @cassiez to adjust these in a way that will be both maintainable and still present the UX in a pleasant way.
Completion criteria
- Fix the markup for tables to be valid
- Upgrade Bootstrap, React-Bootstrap, Sass, and any other related packages to the latest versions that support each other.
- Redo the styling to make it match the designs or work with @cassiez to make revised ones that are more maintainable.
Documentation updates & improvements criteria
- Left to the assignee's appreciation.