pr05 Typescript Migration #5: Migrate client/common folder

[clairep94]

pr05 Typescript Migration 5: Migrate the client/commonfolder

Context:

• Rebuild of https://github.com/processing/p5.js-web-editor/pull/3564/files for cleaning commits

• Migrate as much of the client/common folder with the following steps:

1. git mv someComponent.jsx someComponent.tsx. If possible, commit without the no-verify flag, otherwise with no-verify.
2. Add unit test to secure current behaviour
3. Check for all instances of useage for the common component to determine props types
4. Add props types & unit test update
5. Refactor if beneficial -- did minimal refactoring on this one compared to previous PRs and focused on typescript
6. Add JSDocs

Changes:

• .prettierrc -- remove hardcoded parser: "babel" setting
  • This was causing prettier to always use babel even though eslint config has overrides for ts and tsx files
• RouterTab
• Button
• ButtonOrLink
• IconButton
• icon
  • was not able to figure out how to migrate this as just updating the file to ts broke the snapshot tests for the generated classes
• usePrevious
• useKeyDownHandler
  • Had to cherrypick the isMac() utility from pr05 Typescript #3: Migrate client/utils folder #3553
  • Deleted DocumentKeyDown -- not used anywhere anymore, likely carry-over/legacy for class components
• onModalClose
• useSyncFormTranslation

Didn't migrate the storebook files as I wasn't able to run storybook locally to verify against silent regression

Notes:

I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[clairep94]

@raclim @khanniie Ready for review! Can be reviewed separately from the utils folder migration PR