Create Informative 404 Missing Page Message

[SeriousHorncat]

First Check

• I added a very descriptive title to this issue.
• Check that there isn't already an proposed enhancement that accomplishes the same thing.
• Follow our Code of Conduct
• Read the Contributing Guidelines.

Description

As a user, I would like an informative 404 Error Page Message to inform me that what I am trying to visit is unavailable and provide a convenient button that I can click to return to the home page.

Suggested solution

Replicate the following design using Rosalution assets.

• For the top header, use the existing './frontend/src/components/RosalutionHeader.vue'
• The primary button styling already exists as the css class '.primary-button"
• See the /./frontend/src/views/LoginView.vue' for how to include the logo
• Try to level existing text styling that is in the css
• For login actions in the header, reference './frontend/src/views/AccountView.vue'

Alternative

No response

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct