[Wasabules]

Settings had six tabs across the top of a 520 px dialog: each label was squeezed, and the dialog changed height with every tab.

What changes

• The tabs run down the left of the dialog, and the body takes the rest of the width.
• The dialog is wider: 860 px, and at most 95% of the window.
• It keeps one fixed height (680 px, at most 88% of the window), so the tab list does not move when you change tab. The body scrolls.
• Below 700 px wide, the tabs go back above the body. This only happens in the web demo on a phone: the app's window is at least 900 px wide.
• The tab list is built from one array. It has tablist/tab roles, and the up and down arrows move along it.
• The .tab class and the tab order are unchanged, so the screenshot scenes still find them.
• The Background and Backups screenshots are regenerated.

Checked

• svelte-check --fail-on-warnings: no errors or warnings.
• Every tab, in both themes, through the screenshot bridge.