feature: add tooling config

[patinthehat]

This PR adds a more robust tooling configuration:

• opinionated prettier configuration
• adds npm script format for running prettier folowed by eslint for optimal formatting
• changes the typescript target to ESNext (it's 2024, commonJS is so 2023)
• adds @ as a typescript path reference to allow for absolute imports within source files
• demonstrates the use of import * from @/... in one typescript file to start

[micchickenburger]

As we talked about earlier, I don't think we can change this without first verifying its impact on older browsers. I'm not sure if/how esbuild will transpile esnext modules for the browser.

[micchickenburger]

Is the yaml override necessary?

[patinthehat]

It's not necessary since 2 is the default. Nice catch 👍

[micchickenburger]

When you ran prettier, where any of the source files significantly changed?

[patinthehat]

I didn't - it's bad practice to commit formatting changes along with a PR that introduces actual changes; applying formatting would be a future PR.

[micchickenburger]

Does this work for nested source files with relative imports from sibling or cousin directories?

[patinthehat]

It works in any ts or js files in the source tree.

[micchickenburger]

Are these settings consistent with the airbnb styles enforced by eslint? (Is there an airbnb plugin for prettier? [Are there plugins for prettier? 😅])

[patinthehat]

I don't know, honestly. However, the format npm script runs eslint after prettier, so the airbnb rules would be enforced afaik. And yes, prettier does have plugins 😄