[AI Tutor] CT-547: Restyle interactions table

[ebeastlake]

The following PR:

• Uses the Table from 'reactabular-table' that's used elsewhere in the codebase
• Imports the necessary styles to use the reactabular-table component
• Adds a loading state
• Removes InteractionsTableRow, which is no longer needed
• Adds the types for the reactabular-table, since this is the first time we're using it in a .tsx component

Before:

After (includes SegmentedButton merged to staging):

Links

Jira ticket: https://codedotorg.atlassian.net/browse/CT-545

Testing story

Tested locally.

Deployment strategy

Follow-up work

1. Add more robust error handling if InteractionsTable data fails to fetch: https://codedotorg.atlassian.net/browse/CT-560https://codedotorg.atlassian.net/browse/CT-560
2. Split InteractionsTable code into three components: InteractionsView, InteractionsFilters, and InteractionsTable: https://codedotorg.atlassian.net/browse/CT-561
3. Add an effect that requires teachers to click to reveal profane/PII input: https://codedotorg.atlassian.net/browse/CT-563

PR Checklist:

• Tests provide adequate coverage
• Privacy and Security impacts have been assessed
• Code is well-commented
• New features are translatable or updates will not break translations
• Relevant documentation has been added or updated
• User impact is well-understood and desirable
• Pull Request is labeled appropriately
• Follow-up work items (including potential tech debt) are tracked and linked

[ebeastlake]

I did two things here:

1. Extracted the logic for the student filters into a "generateStudentFilterOptions" helper
2. Combined the two useEffect blocks

[ebeastlake]

The time matching logic didn't change, but adding an isTimeMatch helper made the chat message filtering logic more readable.