Create Reusable ErrorMessage Component

[OhmSpectator]

Description

Create a reusable ErrorMessage component for consistent error message display across the frontend, enhancing user experience and handling unexpected errors in child components.

Requirements

• Design and implement the ErrorMessage component with appropriate styling.
• Replace inline error message styles with the new ErrorMessage component in existing code.
• Ensure easy accessibility and reusability of the ErrorMessage component across different components.
• Document usage in the project's style guide.
• Separate error message display logic from business logic in components.
• Provide meaningful error messages with actionable guidance for users.
• Ensure error messages follow ARIA standards and best practices for accessibility.

Additional Information

This component is part of a broader effort to standardize error handling, aligning with discussions in Issue #86. It should be scalable and maintainable, allowing for future enhancements and styling updates.