Improve mobile responsiveness

[yoanlopez500-wq]

• Add mobile.scss with media queries for <768px and <576px: production tab card headers wrap instead of overflowing, recipe list card headers get auto height, result messages use smaller font, visualization uses 70vh, toasts are capped to viewport width, table cells are allowed to wrap instead of horizontal scroll
• Production tool inner tab nav: horizontal scrollable row on mobile instead of full-width column, desktop layout unchanged

[yoanlopez500-wq]

Title: Improve mobile responsiveness

Body: Adds a mobile.scss with media queries for tablets and phones: production tab card headers wrap instead of overflowing, recipe list card headers get auto height, result messages use smaller font, the visualization graph uses 70vh, toasts are capped to viewport width, and table cells wrap instead of forcing horizontal scroll. The production tool's inner tab nav becomes a horizontal scrollable row on mobile; desktop layout is unchanged. Verified with a production build.

[greeny]

Thanks for the contribution, however since I'm pretty close to releasing new Tools, I'm not updating old tools anymore, and I don't want to spend time on them. New Tools will be mobile friendly as well :)

Once again thanks for the effort