swarm-ui: show the notification router's flows and switch built-ins off

frontend/packages/swarm-ui/src/pages/notifications/NotificationsPage.css

@@ -0,0 +1,46 @@
+/* NotificationsPage — the flows drawn as indented trees. */
+
+.notify-flows {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75em;
+}
+
+.notify-flow-head {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5em;
+}
+
+.notify-flow-name {
+  font-weight: 600;
+}
+
+.notify-flow-tree {
+  margin: 0.4em 0 0;
+  padding: 0;
+  list-style: none;
+  font-size: 0.9em;
+}
+
+.notify-node {
+  display: flex;
+  gap: 0.5em;
+  padding: 0.1em 0;
+}
+
+.notify-node-kind {
+  flex: none;
+  min-width: 3.5em;
+  color: var(--muted);
+}
+
+.notify-node-text {
+  overflow-wrap: anywhere;
+}
+
+.notify-off {
+  opacity: 0.6;
+}