style: Consistent backdrop and create server in server-rail

wider server rail with larger icons ans slightly animated.

toju-app/src/app/domains/server-directory/feature/server-browser/server-browser.component.html

@@ -290,10 +290,10 @@
 }
 
 @if (pluginConsentDialog(); as dialog) {
-  <div
-    class="fixed inset-0 z-50 bg-black/50"
-    role="presentation"
-  ></div>
+  <app-modal-backdrop
+    [zIndex]="50"
+    [dismissable]="false"
+  />
   <section
     class="fixed left-1/2 top-1/2 z-[51] flex max-h-[min(42rem,calc(100vh-2rem))] w-[min(34rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-border bg-card text-foreground shadow-2xl"
     role="dialog"
@@ -469,11 +469,11 @@
   </section>
 
   @if (pluginConsentReadme(); as readme) {
-    <div
-      class="fixed inset-0 z-[52] bg-black/60"
-      role="presentation"
-      (click)="closePluginConsentReadme()"
-    ></div>
+    <app-modal-backdrop
+      [zIndex]="52"
+      ariaLabel="Close readme"
+      (dismissed)="closePluginConsentReadme()"
+    />
     <section
       class="fixed left-1/2 top-1/2 z-[53] flex max-h-[min(44rem,calc(100vh-2rem))] w-[min(44rem,calc(100vw-2rem))] -translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-lg border border-border bg-card text-foreground shadow-2xl"
       role="dialog"