feat(settings): Group page description, collapsed page tree and a seamless title bar

- Group pages open with a short description and list their pages as
  indented links.
- The page tree starts collapsed, expanding only the current page's
  ancestors.
- The Settings window title bar sits on the dialog surface without a
  hairline.

src/workbench/TitleBar.module.css

@@ -19,6 +19,11 @@
   background: var(--bg-elev);
   box-shadow: inset 0 -1px 0 var(--border);
 }
+/* Dialog window (Settings): the title sits on the dialog surface, no hairline. */
+.dialogBar {
+  background: var(--bg-dialog, var(--bg-elev));
+  box-shadow: none;
+}
 .windowTitle {
   min-width: 0;
   overflow: hidden;

src/workbench/TitleBar.tsx

@@ -292,7 +292,7 @@ export function TitleBar({
   const entry = (id: string) => <ToolbarEntry key={id} id={id} items={map} />;
   return (
     <header
-      className={clsx(className, minimal && styles.minimal)}
+      className={clsx(className, minimal && styles.minimal, dialog && styles.dialogBar)}
       data-tauri-drag-region
       onContextMenu={(e) => {
         if (minimal || e.defaultPrevented) return;