feat(ui): standardize dialog widths with tiered size system (sm/md/lg)

Add three reusable size tier classes (app-dialog-sm, app-dialog-md,
app-dialog-lg) to base dialog CSS, replacing per-variant max-width
rules. Each tier uses width: min(Xrem, calc(100vw - 2rem)) for
consistent fixed widths with responsive mobile fallback.

- Confirm dialog + session warning: app-dialog-sm (24rem)
- Bookmark + bookmark group dialog: app-dialog-md (32rem)
- Remove max-width from app-confirm-dialog.css and app-bookmark-form.css

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

modules/bookmarks/web/css/components/app-bookmark-form.css

@@ -3,11 +3,6 @@
  * Styles for bookmark and bookmark-group dialogs.
  */
 @layer components {
-  dialog[data-app-bookmark-dialog] > article.app-bookmark-dialog,
-  dialog[data-app-bookmark-group-dialog] > article.app-bookmark-dialog {
-    max-width: 24rem;
-  }
-
   dialog[data-app-bookmark-dialog] > article.app-bookmark-dialog > header,
   dialog[data-app-bookmark-group-dialog] > article.app-bookmark-dialog > header {
     position: relative;