feat(ui): implement global inline error banner for validation failures #577

[annukumar123]

#577

Overview

Added a dedicated inline warning/error banner ecosystem to the top of the Settings Panel layout. This ensures that global API validation failures or local edge-case exceptions are clearly highlighted to the user rather than failing silently or causing layout breakage.

Key Changes

• Global Error Banner: Rendered a dismissible text banner component styled with warning states to surface error messages dynamically.
• Dynamic State Management: Set up an async wrapper context via handleSave to catch runtime promise rejections and feed the error UI cleanly.
• Auto-Dismissal Logic: Configured live clear triggers that instantly wipe outstanding warning fields once a field value begins updating or when the manual close token is clicked.
• Regression Test Matrix: Authored specialized Vitest checks covering steady-state absence and live banner injection on save rejection loops.

Verification Checklist

• Tested slider limits past 1.5 locally to trigger the validation card mock.
• All 2 unit tests running clean under JSDOM environment within 240ms.

[vercel]

@annukumar123 is attempting to deploy a commit to the Darshan's projects Team on Vercel.

A member of the Team first needs to authorize it.

[annukumar123]

@imDarshanGK
Both CI are working, you can verify now

[imDarshanGK]

@annukumar123 resolve conflicts

[annukumar123]

It is perfect .you can verify now

[imDarshanGK]

@annukumar123 resolve conflicts

[annukumar123]

@imDarshanGK
it is perfect .you can verify now