added danger zones to storage managament menu

cmd/telesrv-admin/web/src/styles/03-entities-and-actions.css

@@ -206,6 +206,40 @@
   border-top: 0;
 }
 
+/* A GitHub-Settings-style "Danger Zone" box: a red-bordered card with its own
+   title strip, wrapping the specific fields/toggles that reach outside plain
+   per-user data (e.g. StoragePage's Avatar/GIF retention controls, which also
+   govern the built-in system bot avatars and the bundled GIF catalog) --
+   distinct from .danger-zone above, which is just a plain action-row divider,
+   not a bordered card. */
+.danger-zone-box {
+  margin: 4px 0 14px;
+  border: 1px solid var(--danger-border);
+  border-radius: var(--radius);
+  overflow: hidden;
+}
+
+.danger-zone-box-title {
+  padding: 8px 12px;
+  font-size: 12px;
+  font-weight: 800;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--danger);
+  background: var(--danger-tint);
+  border-bottom: 1px solid var(--danger-border);
+}
+
+.danger-zone-box-body {
+  padding: 10px 12px;
+  display: grid;
+  gap: 10px;
+}
+
+.danger-zone-box-body .env-field-desc {
+  color: var(--danger-text, var(--danger));
+}
+
 .authorization-block {
   display: grid;
   gap: 10px;

cmd/telesrv-admin/web/src/styles/04-modal-and-login.css

@@ -461,22 +461,6 @@
   border-radius: var(--radius);
 }
 
-/* Warns that an Avatar/GIF retention control also reaches built-in server
-   resources (system bot avatars, the bundled GIF catalog), not just
-   ordinary user media -- see StoragePage.tsx's CategoryRetentionModal and
-   ManualPurgeStorageModal. */
-.modal-warn-note {
-  padding: 9px 12px;
-  background: var(--warn-tint);
-  border: 1px solid var(--warn-border);
-  border-radius: var(--radius);
-  color: var(--warn);
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 1.4;
-  margin: 0 0 10px;
-}
-
 .secret-reveal-label {
   display: flex;
   align-items: center;