Clean up settings UI

[Sebastian-ubs]

User Story

As a user I want to see settings in a way that I understand.
As an extension developer I want to get a feeling on where settings would be placed in future.

Description

• follow up of Revise Settings dialog according to new UX design #1213
• based on https://github.com/paranext/ux/issues/202

Current

initial	after undocking

Requested changes

Figma

Minimum

Do the bare minimum changes for a beta release that makes the ui feel ready for users

1. Rename
   • "Platform settings" to "General"
   • the general project based section from "Platform Settings" to "Project properties" and change the subheadline
   • sidebar: "Extensions" to "General settings"
   • sidebar: "Projects" to "Project settings"
   • sidebar: use the extension names, not the ...id? (wrong data field used)
2. Spacing and scrolling - make the whole ui scroll horizontally:
   • make the ui full width and height without a border. Add a bottom padding to reserve space for the vertical scrollbar.
   • make the sidebar more narrow and let the whole window scroll when too small (e.g. sidebar min-width 200px, max-width 250px and cards/content area min-width 250px, max-width 600px for the cards) -- see image below
   • cards/content area: add a padding right "end" for the vertical scroll bar to not overlay the controls.
   • remove the left padding of the settings labels and align them to the left "start" (logical properties)
3. add a placeholder when search returns no results

[broken search layout is a separate issue #1405]

If time allows

1. do not use cards, but only (smaller) headlines and vertical line (border?) to separate settings groups
2. always select the first project and show each section as a different page below, instead of as cards - selecting a project will show the first page
3. apply "ghost" style to the project Combobox
4. highlight search matches

Expected outcome for beta1

minimum	if time allows
	(no image)

Future

Further improving the settings is out of scope for Q1

• backend: Revise settings schema #1315
• ui: [dev case missing for ui changes according to Figma (needs to be put on a handover page)]

Visual reference of the vision that we won't implement right now

[GlennPruitt]

@katherinejensen00 I think it would be okay to include this task under the "clean up ui" epic for Q1.

[tjcouch-sil]

@Sebastian-ubs I just discovered that I can't seem to find the setting descriptions used anywhere. What should be done with them? Tooltips?

[Sebastian-ubs]

Settings descriptions had been removed in #1354 based on earlier mockups. Settings descriptions and other improvements are included in the future settings design, but seem not needed for minimum fixes for beta1. I don't mind including them in tooltips if it doesn't mean additional work.