UI Overflow on Mobile Screens in Login and Profile Views

On mobile devices, several UI screens overflow horizontally and vertically, causing content to go outside the visible screen area. This issue is clearly visible on the Profile screen and Login screen, where text, buttons, and layout elements extend beyond the screen width or height.

This negatively impacts usability and visual consistency on smaller devices

Affected Screens
- Login screen (email, password, login button section)
- Profile screen (profile header section with avatar, posts, followers, following)
- Discover Screen
- Possibly other mobile screens with similar fixed layouts

Expected Behavior
- UI should be fully responsive
- No horizontal overflow on mobile devices
- All content should stay within screen bounds and adapt to screen size

Screenshots-

- [x] Assign this issue to me, I want to work on this