instruments page: improve on mobile

[rerpha]

As a user of the dashboard I would like the "instruments" page to look better. On a md+ screen it looks fine, but on a mobile the text is really small and everything gets condensed down. consider adding some mobile first sizing (this is standard for taillwind) and use md: whatever is currently there to retain the current sizing for desktops.

ie.
text-2xl md:text-4xl will make the text bigger for desktops than for mobile screens.

I don't think all instruments necessarily need to fit in the viewport on mobile, so if you need to make it scrollable that is fine.

Notes

You can use the "responsive design mode" in chrome or firefox to simulate a smaller display
official tailwind docs for responsive design: https://tailwindcss.com/docs/responsive-design

acceptance criteria

• instruments page looks good on mobile and desktop screens

[rerpha]

closed in #61