add licensed random user creation flow

public/styles.css

@@ -62,11 +62,41 @@ input {
 .user-address,
 .user-meta,
 .user-empty,
+.sidebar-status,
 .status,
 .empty-block p {
   color: var(--muted);
 }
 
+.sidebar-title-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.sidebar-title-row button {
+  padding: 9px 12px;
+  white-space: nowrap;
+}
+
+.sidebar-status {
+  margin: 12px 0 0;
+  font-size: 13px;
+}
+
+.sidebar-status.loading {
+  color: var(--accent);
+}
+
+.sidebar-status.success {
+  color: #9fe8b2;
+}
+
+.sidebar-status.warning {
+  color: var(--warning);
+}
+
 .eyebrow {
   margin: 0 0 8px;
   color: var(--accent);
@@ -292,4 +322,9 @@ a {
     align-items: flex-start;
     flex-direction: column;
   }
+
+  .sidebar-title-row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
 }