Right Overflow throughout the application app needs to be adjusted according to different phone screens

Steps to reproduce the behavior:
1. Open the app on a small mobile device

**Screenshots**
If applicable, add screenshots to help explain your problem.

**Smartphone :**
- Device: [Realme 2 pro]

Start by running the Flutter app on a small mobile device, especially the reported Realme 2 Pro, and check each screen for right-side overflow. Done means the application layout fits different phone screen sizes without horizontal overflow.

Written by the indexing model from the issue text.