feat(#22): manage landlord profile from OIDC

frontend/src/app/components/settings-page/settings-page.css

@@ -71,6 +71,46 @@
 .session-settings {
   margin-top: 16px;
 }
+.landlord-profile {
+  margin-top: 16px;
+}
+.profile-content {
+  padding: 22px;
+}
+.profile-loading,
+.profile-message {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  min-height: 72px;
+}
+.profile-message {
+  align-items: flex-start;
+  flex-direction: column;
+}
+.profile-message .alert-error,
+.profile-form .alert-error,
+.profile-success {
+  margin: 0 0 16px;
+}
+.profile-success {
+  color: var(--accent-strong, #0a5f59);
+  font-weight: 600;
+}
+.profile-fields {
+  display: grid;
+  gap: 4px 12px;
+}
+.profile-fields mat-form-field {
+  width: 100%;
+}
+.profile-actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
 .session-action {
   display: flex;
   flex-direction: column;
@@ -112,4 +152,10 @@
     align-items: flex-start;
     justify-content: center;
   }
+  .profile-fields {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .profile-fields .full-field {
+    grid-column: 1 / -1;
+  }
 }