bandwidth meter

client/src/app/chat-page.component.scss

@@ -526,10 +526,41 @@
 .composer-toolbar {
   display: flex;
   flex-wrap: wrap;
+  gap: 0.85rem;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.composer-actions {
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
   gap: 0.6rem;
   align-items: center;
 }
 
+.composer-receive-speed {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: baseline;
+  gap: 0.45rem;
+  margin-left: auto;
+  text-align: right;
+  white-space: nowrap;
+  color: var(--page-text-soft);
+}
+
+.composer-receive-speed-label {
+  font-size: 0.75rem;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+.composer-receive-speed-value {
+  font-size: 0.92rem;
+  font-variant-numeric: tabular-nums;
+}
+
 .composer-emoji-picker-shell {
   position: relative;
 }
@@ -585,6 +616,11 @@
   background: var(--badge-background);
 }
 
+.composer-plus {
+  font-size: 1.76rem;
+  font-weight: 700;
+}
+
 .composer-dictation {
   color: var(--page-text);
   background: linear-gradient(135deg, #f6d8ff, #ffcadb);