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/system/codes/create-code/create-code.component.html

@@ -6,12 +6,26 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-<div class="container">
-  <mat-card>
+<div class="cc-container">
+  <!-- Header -->
+  <div class="cc-header">
+    <button mat-stroked-button [routerLink]="['../']" class="cc-back">
+      <i class="fas fa-arrow-left"></i> {{ 'labels.heading.Manage Codes' | translate }}
+    </button>
+    <h2 class="cc-header__title">{{ 'labels.heading.Create Code' | translate }}</h2>
+  </div>
+
+  <!-- Form Card -->
+  <div class="cc-card">
     <form [formGroup]="codeForm" (ngSubmit)="submit()">
-      <mat-card-content>
-        <div #codeFormRef class="layout-column">
-          <mat-form-field>
+      <!-- Code Details Section -->
+      <div class="cc-section">
+        <div class="cc-section__header">
+          <i class="fas fa-code"></i>
+          <h3>{{ 'labels.inputs.Code' | translate }} Details</h3>
+        </div>
+        <div class="cc-grid" #codeFormRef>
+          <mat-form-field appearance="outline" class="cc-field cc-field--full">
             <mat-label>{{ 'labels.inputs.Code Name' | translate }}</mat-label>
             <input matInput required formControlName="name" />
             @if (codeForm.controls.name.hasError('required')) {
@@ -22,18 +36,26 @@
             }
           </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]="['../']">
+      <!-- Actions -->
+      <div class="cc-actions">
+        <button type="button" mat-stroked-button [routerLink]="['../']" class="cc-actions__cancel">
           {{ 'labels.buttons.Cancel' | translate }}
         </button>
-        <button mat-raised-button color="primary" [disabled]="!codeForm.valid" *mifosxHasPermission="'CREATE_CODE'">
-          {{ 'labels.buttons.Submit' | translate }}
+        <button
+          type="submit"
+          mat-flat-button
+          color="primary"
+          [disabled]="!codeForm.valid"
+          *mifosxHasPermission="'CREATE_CODE'"
+          class="cc-actions__submit"
+        >
+          <i class="fas fa-check"></i> {{ 'labels.buttons.Submit' | translate }}
         </button>
-      </mat-card-actions>
+      </div>
     </form>
-  </mat-card>
+  </div>
 </div>
 
 <ng-template #templateCodeFormRef let-data let-popover="popover">