design: create Light Mode Figma screens for FAQ, Help Center, offline sync, and escrow settings

[shepherd-001]

Overview

This contribution brings four new Figma design concepts to SwiftChain, improving access to help resources, visibility into connectivity status, and administration of platform escrow settings.

Included Designs

• FAQ (UI/UX Design (Light Mode): FAQ #674): An accordion-based layout for browsing frequently asked questions.
• Help Center (UI/UX Design (Light Mode): Help Center #672): A centralized page presenting office locations, contact information, and support resources.
• Offline Mode Synchronization Banner & Data Cache (UI/UX Design (Light Mode): Offline Mode Synchronization Banner & Data Cache #670): A clear status banner communicating queued data and synchronization state for drivers in low-connectivity environments.
• System Admin Platform Escrow Settings (UI/UX Design (Light Mode): System Admin Platform Escrow Settings #668): An administrative interface for configuring smart contract parameters and escrow-related options.

Design Approach

Each screen follows SwiftChain’s Light Mode visual direction, with legible typography, consistent spacing, accessible contrast, and reusable components. Responsive layouts and organized Figma layers support future handoff and implementation.

Verification Checklist

• All four designs are available in Figma.
• Desktop and responsive layouts are included.
• Components, auto-layout, and layer naming are organized.
• The Figma file link is provided for review.

Scope

This PR contains Figma UI/UX deliverables only. No frontend implementation or application logic is included.

Related Issues

Closes #674
Closes #672
Closes #670
Closes #668

[drips-wave]

@shepherd-001 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