v3 - organize imports with eslint

[mathiazom]

Updated eslint configuration with various tools for organizing imports. Also improved typescript checking.

Highlights of the import rules defined in .eslintrc.cjs:

• no relative imports (no-relative-import-paths/no-relative-import-paths)
  • expect for siblings, i.e. files within the same directory
• no unused imports (unused-imports/no-unused-imports)
• imports are ordered alphabetically (ascending) and grouped based on location type (import/order)
  • builtin
  • external
  • internal
  • sibling, parent
  • index
  • unknown
• members within an import are sorted based on type (sort-imports)

Some rules have not been included yet, to reduce the scope of this PR. These have been mentioned in separate issues: #659 #660

Also added npm run fix to run linting (npm run lint) and formatting (npm run format) in one command.

Checklist

Please ensure that you’ve completed the following checkpoints before submitting your pull request:

• Documentation: Relevant documentation has been added or updated (if applicable).
• Testing: Have you tested your changes thoroughly?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
variant-no	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 10:54am
variant-se-2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2024 10:54am

[anemne]

Looks good to me🙏