Add shell slots and destination utilities

src/RolemasterDb.App/Components/Shell/AppShell.razor.css

@@ -13,7 +13,7 @@
 
 .app-shell-bar {
     display: grid;
-    grid-template-columns: auto minmax(0, 1fr) auto;
+    grid-template-columns: auto minmax(0, 1fr) minmax(14rem, 20rem) auto;
     align-items: center;
     gap: 1rem;
     padding: 0.75rem 1rem;
@@ -73,6 +73,10 @@
     min-width: 0;
 }
 
+.app-shell-header-omnibox {
+    min-width: 0;
+}
+
 .app-shell-header-actions {
     display: flex;
     align-items: center;
@@ -81,6 +85,10 @@
     min-height: 2.75rem;
 }
 
+.app-shell-shortcuts {
+    margin-top: 0.75rem;
+}
+
 .app-shell-main {
     flex: 1 1 auto;
     min-width: 0;
@@ -108,7 +116,7 @@
     }
 
     .app-shell-bar {
-        grid-template-columns: minmax(0, 1fr) auto;
+        grid-template-columns: minmax(0, 1fr) auto auto;
         gap: 0.75rem;
         padding: 0.7rem 0.85rem;
     }
@@ -120,6 +128,10 @@
     .app-shell-header-nav {
         display: none;
     }
+
+    .app-shell-header-actions {
+        gap: 0.5rem;
+    }
 }
 
 @media (min-width: 768px) {
@@ -131,3 +143,13 @@
         display: none;
     }
 }
+
+@media (max-width: 1023.98px) {
+    .app-shell-bar {
+        grid-template-columns: auto minmax(0, 1fr) auto;
+    }
+
+    .app-shell-header-nav {
+        display: none;
+    }
+}