Page improvement design: 'Error' message

[diterra-code]

Upon request by @subject026 ,

A new page 'error' design. Including the following UX and UI components:

• description
• reporting location (discord leftist server, Breadchain feedback channel)
• Return home (bake page)

OLD:

NEW:

The latest version can be found in the Figma link Dark & Light mode:

https://www.figma.com/design/2sWRCrux6a47zBXTwDVJxh/Breadchain-crowdstake?node-id=6954-58140&t=E8JYQmTzFcAHs58k-1

[secbajor]

In GovernancePage.tsx there are several pieces of data required for loading the page, otherwise we show an error message. This issue describes the updated error message that should be displayed if an error is found in the screenshotted code below (replace the spinner and "Please wait..." text).

[subject026]

I think this should more or less only occur in 2 scenarios:

1. There is a problem with RPC endpoint(s) like we experienced in November.
2. There is a problem with a user's network connection.

It might be worth considering keeping track of a user's connection status in a custom hook using this browser API and showing a "check your network connection" type message in that situation.