rearrange device header

[stefpi]

mobile: before and after

desktop: after and before (sorry for the position swap) (click on image to enlarge)

[github-actions]

Welcome to connect! Make sure to:

• read the contributing guidelines
• mark your PR as a draft until it's ready to review
• post the preview on Discord; feedback from users will speedup the PR review

deployed preview: https://611.connect-d5y.pages.dev

[adeebshihadeh]

@nickorie all design changes are for you to approve

[nickorie]

After layout looks great.

1. Increase the mileage stats text size to match whatever is used for the various location and time headers on the routes.
2. Would recommend switching 'teleoperate" to "remote control".
3. If possible, battery text to something more meaningfully like a percentage than just the battery voltage (but that can be done later when hardware is more finalized, since I know it's not as simple as some direct conversion or something)

[stefpi]

increased mileage text size
remote control instead of teleop
gave filter button a background to match the drives and give the feeling that it is a button rather than just text

I think I can read a better battery from the body v1 but as you said it isn't super accurate. I'll do that in a seperate PR.

[stefpi]

on very small screens I prefer this to not wrap the name of the device