feat: add error boundary

[danditomaso]

• Add Error Boundary throughout the app to prevent unhandled errors from causing the application to crash. Due to how each page is wrapped, the error will be caught at the page level leaving the remainder of the application functional.

• Created a fallback Component which displays a helpful message to the user about what occurred, and a way to file a github issue or navigate back to the root of the application.

• Create a reusable Heading component that supports dynamic heading levels (h1-h5) through the as prop, this enables enabling consistent typography across the application, removed individual H1-H5 components updating references were required.

• Create a reusable newGithubIssueUrl utility function to generate a properly formatted URL for creating new GitHub issues. It provides a type-safe and flexible way to construct issue URLs with various parameters like title, body, labels, and assignees.

It supports the following parameters:
Title and body text
Labels
Issue templates
User assignments
Custom text fields by id

All fields except user and repo are optional.

Example Usage:

newGithubIssueUrl({
  user: 'meshtastic',
  repo: 'web',
  title: 'Bug: Login not working',
  template: 'bug.yml',
  labels: ['bug', 'high-priority'],
  assignee: 'developer-name',
  body: 'Description of the issue...'
  logs: 'Relevant logs'
});

[KomelT]

There should be page scroll bar when Error details is overflowing.

Currently you can't see whole error detail.

Can you re-review this?

[Hunter275]

Do we have a way to trigger this for testing?

[danditomaso]

Do we have a way to trigger this for testing?

Definitely is and should have included it in the PR description. If you toss a throw new Error('something bad') into any component and this error page should render after a refresh. I've found it easy to add it to "Messages.tsx" so it renders after you first connect.