[Bug] UI overlap: Android system navigation bar covers bottom app elements

[nuurayho]

Description
When using the app on an Android device, the system navigation bar (Home, Back, Recents) overlays the bottom section of the app's user interface. The app appears to be using a full-screen viewport without properly accounting for the system window insets. As a result, the bottom UI elements (such as text input fields or bottom menus) are obscured and rendered unusable.

Steps to Reproduce

1. Open the app on an Android device.
2. Navigate to the "New Task" screen (or the main chat/task interface).
3. Look at the very bottom of the screen.
4. Observe that the Android OS navigation buttons overlap directly on top of the app's bottom UI layer.

Expected Behavior
The app's layout should respect the Android system window insets (safe areas). The bottom UI elements should be padded appropriately so they sit completely above the Android system navigation bar, ensuring all buttons and input fields remain fully accessible and visible.

Actual Behavior
The app draws its content completely to the bottom edge of the screen, underneath the Android OS navigation bar. This creates a visual overlap and blocks interaction with the app's bottom-most elements.

Environment

• Device: Samsung Galaxy S10+
• OS Version: Android 12 / OneUI 4.1
• App Version: codeg 1.0.1

Screenshots

Suggested Technical Fix
This is likely an issue with how safe areas or window insets are being handled.

• If using React Native: Ensure SafeAreaView from react-native-safe-area-context is wrapping the main layout.
• If using Flutter: Ensure the main scaffold/layout is wrapped in a SafeArea widget.
• If using Native Android/Kotlin: Ensure WindowInsetsCompat is implemented to add bottom padding equal to the navigationBars() inset.