[vincentchimene]

Summary

This PR delivers the high-fidelity UI/UX Figma designs for the Escrow Refund Splitter Controls and the Dispute Evidence Media Dropzone in both Dark and Light modes. These designs provide arbitrators with intuitive split-slider controls for custom refund allocations and introduce a secure dropzone interface for uploading dispute documentation (images, logs, and PDFs).

Closes #570
Closes #571
Closes #572
Closes #573
Figma Design Link

(https://www.figma.com/design/9KgeY0xE2bfqkFuyFLAOWl/Swiftchainn-Frontend?node-id=0-1&p=f)

Completed Design Work

Escrow Refund Splitter: Designed responsive split-slider controls allowing arbitrators to dynamically allocate percentage refunds between the buyer and carrier.

Dispute Evidence Dropzone: Designed a clean, secure media upload area indicating support for various file types (images, logs, PDFs) for open disputes.

Theme Compliance: Built fully compliant Light Mode (clean, bright backgrounds) and Dark Mode (deep slate, high-contrast surfaces) variants.

Structure & Scalability: Utilized Figma auto-layout, reusable components, proper layer naming, and validated spacing against SwiftChain's existing platform styles.

Acceptance Criteria Verified

[x] Design is completed in Figma.

[x] Responsive layouts are included.

[x] Light and Dark Mode styling is properly applied.

[x] Components and layers are organized.

[x] Figma link is included in the PR.

[drips-wave]

@vincentchimene Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits