[Frontend] Add responsive mobile drawer and touch gestures to Create Payment Form

[emdevelopa]

Description
This task involves UX enhancement for the Create Payment Form module.
The goal is to add responsive mobile drawer and touch gestures to Create Payment Form to improve the platform's styling, user interactions, and overall accessibility.

Requirements and context

• Must be secure, tested, and documented
• Adhere to the Drips Wave design and UI/UX standards
• Ensure compatibility across desktop and mobile browsers
• Specifically focused on frontend UX enhancement and responsiveness

Suggested execution

Fork the repo and create a branch
git checkout -b feature/fe-add-responsive-mobile-drawer-and-touch-gestures-to-create-payment-form
Implement changes

Review existing component in Create Payment Form
Apply changes: Add responsive mobile drawer and touch gestures to Create Payment Form
Use clean CSS or tailwind variables for styling
Maintain state transitions and visual feedback
Test and commit

Test mobile responsiveness and interactive states
Check accessibility (a11y) using standard audits
Include screenshots or gifs in the PR
Example commit message
feat(frontend): add responsive mobile drawer and touch gestures to Create Payment Form

Guidelines

Complexity: Medium (150 points)
Assignment required before starting
PR description must include: Closes #[issue_id]

[drips-wave]

@emdevelopa This issue could not be added to the Stellar Wave Program because the per-repo points budget would be exceeded (25000 / 25000 points already used). The label has been automatically removed.

The budget resets at the end of each Wave. You can review the remaining budget for your repos on the Orgs & Repos page.

ℹ️ Learn more about points budgets