Fix responsive top bar layout & Fix typo

[sebastianwachter]

• Refactor top bar (port selection/connect/disconnect select and button elements) to be more responsive
• Fix horizontal scroll bar on smaller screens
• Fix typo in index.md

[freasy]

Thank you for your contribution! :)

Can you make "read/save" right align please.

If getting smaller, it will overlap again. Its fine i guess, but making it another row would work here i think.

Also please change pr branch against develop please.

[sebastianwachter]

Initially I opened this PR without ever connecting an ESC because I was at work so I couldn't see the read/save buttons .😅

I fixed your requested changes in the latest update - however I had to add 2 more responsive breakpoints to tailwind.config.ts so the imo most optimal usage of screen space is achieved. I named them because of lack of any creativity: ml because the size is in between the medium (md) and large (lg) tailwind default breakpoints, and 3xl because it's bigger than the 2xl default breakpoint. :)

On very small screen sizes like mobile phones it's still not very usable but I think this is okay since there probably aren't many people flashing their ESCs using a mobile anyway. ;)