HFI Calculator: Make tables more responsive

**As a** *Ops person/user of HFI Calc* **I want** *to be able to zoom out on the page* **So That** *I can see the entire table in one screen (even if it means that the font is small)*

**Additional Context**
- User Requested from sprint review for Sprint 47 (from Cariboo FC) (can be seen in Miro Sprint Review board)
- looks like right now we've set a fixed width and height for the table, so that if you zoom out now, the table width/height doesn't adjust and you just get a lot of wasted whitespace
- note: relates to #1402, see CB's comments. This birthed #1410 (and epic #1662)
- may impact behavior of table (how cells hide and show when scrolling)
- consider replacing the table with a grid as part of this ticket.
- there will have to be some ux+dev storming on the final solution.

**Acceptance Criteria**
- [ ] Given I'm logged in to HFI Calc, When I zoom out on the page in my browser, Then the table should still take up most of the width and height of the page, (and only the contents of the table should zoom out) so that I can look at the entire table view on one screen

**Definition of Done**
- [ ] Ready to Demo in Sprint Review
- [ ] Does what I have made have appropriate test coverage?
- [ ] Documentation and/or scientific documentation exists and can be found
- [ ] Peer Reviewed by 2 people on the team
- [ ] Manual testing of all PRs in Dev and Prod
- [ ] Merged

Review related issues #1402 and #1410 and epic #1662, then locate the HFI Calc table implementation and its fixed dimensions. Check the Miro Sprint Review context and current cell scrolling behavior before choosing between responsive table changes and a grid. Done means zooming out preserves the table's usable page area and shows the full table view, with appropriate tests and documentation.

Written by the indexing model from the issue text.