Implement Invalid Invoice Error State

[codebestia]

Context: Users might type the wrong ID or use an expired link.

Requirements:

• Build an error component indicating the invoice could not be found or is no longer valid.
• Provide a button to "Try Another Reference".

Acceptance Criteria:

• Error state is visually clear (use warning colors/icons).

[NnamdiCyber]

@NnamdiCyber has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I’d like to work on this issue because a dedicated public payment layout is important for creating a focused, trustworthy, and distraction-free checkout experience for customers who are not authenticated users. I have experience building React/Next.js frontend layouts with clean separation between authenticated dashboards and public-facing flows, including responsive UI composition and minimal branded experiences. For this task, I would create a lightweight public payment page wrapper with a simple header displaying the Shade brand logo, remove merchant dashboard elements such as sidebars, and ensure the layout uses a neutral, uncluttered background that keeps the user’s attention on the payment form while maintaining a polished and accessible experience.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @NnamdiCyber to this issue.