Enhancement: Copy UI and features of ChatGPT mobile app

[adamerose]

What features would you like to see added?

I think LibreChat when viewed on mobile should have UX similar to the ChatGPT mobile app.

Here is what each UI looks like: https://imgur.com/34Q8Qad
Here is me interacting with the Android app: https://streamable.com/yfxbm8.
The iPhone version seems to look and behave the same as Android.

Buttons

Five buttons along the bottom

• Take Photo (opens camera app)
• Attach Image (opens photo gallery app)
• Attach File
• Voice-to-text
• Voice conversation mode

Gestures

• Swipe right to show left side panel, swipe left to go close it and return to chat. (Enhancement: Swipe to open/close left side-bar on mobile #2340)
• Same thing for right side panel.
• When already scrolled to top, swipe down in left side panel to refresh conversation data

UI Tweaks

• Hide the side arrows. Instead open panels with swipe and/or corner buttons
• Support smaller screens. The UI overflows in settings and config menus.
• Hide footer text

Voice conversation mode

• Looks like this: https://youtu.be/Cp8KKUxTFaE?t=50
• This probably needs a dedicated issue, just mentioning it here since it's another feature specifically available in the ChatGPT mobile app and not web.

Which components are impacted by your request?

UI

Code of Conduct

• I agree to follow this project's Code of Conduct