upgrade to new web component standards

[keithamus]

Much like github/auto-complete-element#104, github/auto-check-element#62, github/clipboard-copy-element#67, and github/image-crop-element#46 this PR upgrades us to the latest idioms we have within the Custom Elements landscape at GitHub. This means:

Development changes:

• Update CI to use Node 18 LTS
• Uses web-test-runner over karma.
• Uses a slightly improved eslint config
• Minor changes to TSconfig
• Uses esbuild over rollup

User faces changes:

• Emits JSX types, making it compatible with React
• Reworks exports allowing for various patterns, including importing the web component without defining, or defining under different scopes or registries.
• Outputs a custom elements manifest.

These changes make it easier for us to integrate into various systems, without causing breakages in older systems.

[primer-css]

👋 Hello and thanks for pinging us! This issue or PR has been added to our inbox and a Design Infrastructure first responder will review it soon.

• 🎨 If this is a PR that includes a visual change, please make sure to add screenshots in the description or deploy this code to a lab machine with instructions for how to test.
• ⏩ If this is a PR that includes changes to an interaction, please include a video recording in the description.
• ⚠️ If this is urgent, please visit us in #primer on Slack and tag the first responders listed in the channel topic.