Add member editing and profile pictures

public/styles/settings.css

@@ -174,6 +174,7 @@
   color: var(--color-text-on-accent);
   flex-shrink: 0;
   user-select: none;
+  overflow: hidden;
 }
 
 .settings-avatar--sm {
@@ -182,6 +183,38 @@
   font-size: var(--text-sm);
 }
 
+.settings-avatar--lg {
+  width: 72px;
+  height: 72px;
+  font-size: var(--text-2xl);
+}
+
+.settings-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.settings-avatar-editor {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: var(--space-4);
+  align-items: start;
+}
+
+.settings-avatar-editor__controls {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  min-width: 0;
+}
+
+@media (max-width: 520px) {
+  .settings-avatar-editor {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* --------------------------------------------------------
    Formulare
    -------------------------------------------------------- */