fix(formulus): make tables responsive on small screens

[allennakalema06-web]

Summary

Fixes #921.

Makes the Formulus Observations and Forms tables more usable on small screens by responsively hiding secondary columns instead of requiring horizontal scrolling.

Changes

• Added a 600px responsive breakpoint using 'useWindowDimensions'.
• Observations table:
  • Keeps Form, Created, and Sync visible on narrow screens.
  • Hides Author and ID below 600px.
• Forms table:
  • Keeps the form name visible on narrow screens.
  • Hides the observation count below 600px.
  • Keeps the New action as a compact icon-only control.
  • Hides the wide New Observation header label on narrow screens.
• Replaced fixed column widths in the Forms table with flexible sizing for wider layouts.

Testing

• 'pnpm run format:check'
• 'pnpm run lint'
• 'pnpm test --runInBand' - 43 test suites, 266 tests passed
• 'git diff --check'

Notes

The responsive breakpoint is below 600px.

Manual Android device testing was not performed because an Android development environment is not currently configured.

[najuna-brian]

Hello @allennakalema06-web,
Thanks for this PR.
Can you please comment on the issue requesting it to be assigned to you