Feat: Created error page

[jacquikeating]

Issue

#33

Type of change

• [x] New Feature: a non-breaking change that adds new functionality.

Summary

Created a 404 Error page to notify users of the problem, and offer them the option of returning to home or searching for the page they're looking for. Implemented two options for the link to home: text or a button. Final design can use either/or, and commented code for the unwanted option will be deleted prior to deployment.

• Note: There are currently some style inconsistencies in the button and search bar components. I am unsure if that is due to OS/browser differences (I am using Windows and Chrome), styles that have yet to be added to or pulled from the individual components, or an error on my part.

Testing steps

1. From the root URL, enter random gibberish as a page path.
2. The error page currently displays the text link option by default. To switch to the button link option, uncomment the SecondaryButton component and comment out the StyledLink component.

Relevant screenshots

[jennyychaa]

@jacquikeating Great work implementing the error page without a design. I've made a couple of modifications that I'd like to discuss:

• Replaced the usage of the legacy Button component with the newer version.
• Added color variables in themes/light.js: This change improves consistency and prepares us for potential dark theme support.

Feel free to let me know if you need any clarification or have concerns about these changes!