feat: non-individual entity UI improvements — hide individual-only sections, fix legal form display, send extended fields to API

- Hide Family Members tab/section for non-individual entities in client view, create flow, and preview
- Hide Financial & Classification section for non-individual entities in personal data and preview
- Fix legal form column in clients list — fetch legalForm from client API for correct display
- Add person/business icon before client name in list rows
- Remove unsupportedNpd filter — send authorizedSignatory, additionalInfo, dateOfRegistration to API
- Add registration number format hint (mat-hint) based on constitution type
- Add spacing between verification row and constitution type dropdowns
- Reduce table cell padding and prevent action buttons from being clipped
- Add missing MPL-2.0 license headers

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/app/organization/manage-funds/edit-fund/edit-fund.component.html

@@ -6,12 +6,23 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<div class="container">
-  <mat-card>
+<div class="ef-container">
+  <div class="ef-header">
+    <button mat-stroked-button [routerLink]="['../']" class="ef-back">
+      <i class="fas fa-arrow-left"></i> {{ 'labels.inputs.Manage Funds' | translate }}
+    </button>
+    <h2 class="ef-header__title">{{ 'labels.heading.Edit Fund' | translate }}</h2>
+  </div>
+
+  <div class="ef-card">
     <form [formGroup]="fundForm" (ngSubmit)="submit()">
-      <mat-card-content>
-        <div class="layout-column">
-          <mat-form-field>
+      <div class="ef-section">
+        <div class="ef-section__header">
+          <i class="fas fa-wallet"></i>
+          <h3>{{ 'labels.heading.Fund Details' | translate }}</h3>
+        </div>
+        <div class="ef-grid">
+          <mat-form-field appearance="outline" class="ef-field">
             <mat-label>{{ 'labels.inputs.name' | translate }}</mat-label>
             <input matInput required autofocus formControlName="name" />
             @if (fundForm.controls.name.hasError('required')) {
@@ -22,21 +33,21 @@
             }
           </mat-form-field>
 
-          <mat-form-field>
+          <mat-form-field appearance="outline" class="ef-field">
             <mat-label>{{ 'labels.inputs.External Id' | translate }}</mat-label>
-            <input matInput autofocus formControlName="externalId" />
+            <input matInput formControlName="externalId" />
           </mat-form-field>
         </div>
-      </mat-card-content>
+      </div>
 
-      <mat-card-actions class="layout-row align-center gap-5px responsive-column">
-        <button type="button" mat-raised-button [routerLink]="['../']">
+      <div class="ef-actions">
+        <button type="button" mat-stroked-button [routerLink]="['../']" class="ef-actions__cancel">
           {{ 'labels.buttons.Cancel' | translate }}
         </button>
-        <button mat-raised-button color="primary" [disabled]="!fundForm.valid" *mifosxHasPermission="'UPDATE_FUND'">
-          {{ 'labels.buttons.Submit' | translate }}
+        <button type="submit" mat-flat-button color="primary" [disabled]="!fundForm.valid" class="ef-actions__submit" *mifosxHasPermission="'UPDATE_FUND'">
+          <i class="fas fa-check"></i> {{ 'labels.buttons.Submit' | translate }}
         </button>
-      </mat-card-actions>
+      </div>
     </form>
-  </mat-card>
+  </div>
 </div>

src/app/organization/manage-funds/edit-fund/edit-fund.component.scss

@@ -6,6 +6,115 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
-.container {
-  max-width: 37rem;
+$primary: #1353a0;
+$accent: #0ea5e9;
+$border: #e2e8f0;
+$gray-50: #f8f9fa;
+$gray-200: #e8eaed;
+$gray-500: #9aa0a6;
+$gray-700: #5f6368;
+$gray-900: #202124;
+
+.ef-container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px 16px;
+}
+
+.ef-header {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  margin-bottom: 20px;
+
+  &__title {
+    font-size: 18px;
+    font-weight: 600;
+    color: $gray-900;
+    margin: 0;
+  }
+}
+
+.ef-back {
+  border-radius: 8px !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  height: 32px !important;
+  border-color: $border !important;
+  color: $gray-500 !important;
+
+  i { margin-right: 6px; }
+
+  &:hover { color: $primary !important; border-color: $primary !important; }
+}
+
+.ef-card {
+  background: #fff;
+  border: 1px solid $border;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.ef-section {
+  &__header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 24px;
+    background: $gray-50;
+    border-bottom: 1px solid $gray-200;
+
+    i {
+      font-size: 14px;
+      color: $accent;
+    }
+
+    h3 {
+      margin: 0;
+      font-size: 14px;
+      font-weight: 600;
+      color: $gray-900;
+    }
+  }
+}
+
+.ef-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 4px 16px;
+  padding: 16px 24px;
+
+  @media (max-width: 600px) { grid-template-columns: 1fr; }
+}
+
+.ef-field {
+  width: 100%;
+}
+
+.ef-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 14px 24px;
+  border-top: 1px solid $gray-200;
+  background: $gray-50;
+
+  &__cancel {
+    border-radius: 8px !important;
+    font-size: 13px !important;
+    font-weight: 600 !important;
+    height: 36px !important;
+    border-color: $border !important;
+    color: $gray-700 !important;
+  }
+
+  &__submit {
+    border-radius: 8px !important;
+    font-size: 13px !important;
+    font-weight: 600 !important;
+    height: 36px !important;
+    box-shadow: 0 1px 3px rgba($primary, 0.3) !important;
+
+    i { margin-right: 6px; font-size: 12px; }
+  }
 }