Add a limited mobile view for the web-app

[superm1]

Rather than showing all panels, it just shows a panel for model manager and for chat.

Also the status bar is disabled. Here are some screenshots of what it looks like (using Chrome devtools to emulate a mobile device)

[jeremyfowers]

Cool! Will review this one after the release.

[jeremyfowers]

@danielholanda please review

[danielholanda]

This is in theory a great idea, and I was really excited to try it. Got it working on my phone, but after playing with it a bit the UX was just not there. Scrolling was a pain due to the way in which the app is structured and I got stuck there having to refresh multiple times to get to where I needed.

My recommendation here is to have a really good UX on the phone, but to do this I think we should probably focus on a single path, and that path should probably be the native app.

"This isn't supported on phones, please download the native app for your mobile OS: LINK" is probably the message we want to show on phones when opening the app's webui.

[danielholanda]

See comment above

[superm1]

I'm surprised you were able to get into such a bad state on a real phone (although admittedly I only used devtools).

The only panels that were ever supposed to show up were chat and models, and only one at a time full screen.

How about if we just forbid all panels except the chat panel when on mobile? Then we can make sure it's always full screen, and it's just a matter of working out scrolling.

But if you would rather redirect people to getting the native apps then I think we should just do UA detection and redirect people to google play or apple store.