feat(error-page): improve visual appeal with animated illustration an…

[sumitakhuli]

feat(error-page): improve visual appeal with animated illustration and branded styling
Fixes #371

Description

This PR addresses the need for a Visually Appealing Error Page by replacing the plain text 404 page with a branded, animated, and user-friendly design.

Key changes:

• Animated Illustration: Added a custom SVG illustration (ErrorIllustration.jsx) using framer-motion depicting a "broken" 404 state with floating elements.
• Branding: Integrated the myUOMLogo and used brand colors (Blue #0050e0, Orange #F4B042) for consistency.
• Navigation: Replaced the inline button with a styled Chakra UI Button (with hover effects) and added quick links to Library, Restaurant, and the main UoM website.
• Enhanced Typography: Applied Syne font hierarchy for better readability.

Related Issue

Fixes "Error Page Lacks Visual Appeal"
#371

Motivation and Context

The previous Error page was unbranded and visually dull, offering a poor user experience. The new design maintains user engagement even when they encounter an error and provides clear paths to get back on track.

How Has This Been Tested?

Tested locally in the development environment:

1. Visuals: Verified the SVG animation plays smoothly on load.
2. Navigation: Verified all buttons and links redirect correctly (/, /library, /restaurant, uom.gr).
3. Responsive: Checked layout on mobile (vertical stack) and desktop.
4. Dark Mode: Verified that text, backgrounds, and illustration colors adapt correctly.

Screenshots or GIF:

Before

After

Screen.Recording.2026-02-16.at.3.32.59.AM.mov

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[GeorgeFkd]

It looks good, just remove the labels below for labels restaurant just leave the go back to home page button and it should be ok.