feat: complete UI redesign — client creation tabs, footer, home page, CIF & occupation fields

- Client creation: replaced vertical stepper with 3-tab layout (General, KYC & Nominee, Preview)
- All form fields redesigned with appearance="outline" and section grouping
- Preview tab with profile card, info tables, KYC details, family members
- Footer redesigned: security bar, LincShield certifications, regulatory & legal, quick navigation, support & contact, LincPay branding
- Home page redesigned: welcome banner, quick action cards, info row
- Client view header redesigned: ID chips row (Account No, CIF Number, External Id), 4-column details grid
- Added CIF Number column to clients list table
- Added CIF Number display to client view sidebar and personal data tab
- Added occupationCategoryId and occupationId dropdowns to client creation form
- Added occupation fields to client view sidebar, personal data tab, and preview
- Added 51+ missing translation keys to en-US.json
- Toolbar: added Last login chip
- Registered faUserPlus icon

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

src/app/clients/client-stepper/client-general-step/client-general-step.component.ts

@@ -27,7 +27,7 @@ import { SettingsService } from 'app/settings/settings.service';
 import { MatDivider } from '@angular/material/divider';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
 import { MatCheckbox } from '@angular/material/checkbox';
-import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
+
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
@@ -49,9 +49,7 @@ import { DipVerifyDialogComponent } from './dip-verify-dialog.component';
     MatDivider,
     CdkTextareaAutosize,
     MatCheckbox,
-    MatStepperPrevious,
     FaIconComponent,
-    MatStepperNext,
     MatIcon,
     MatTooltip
   ]
@@ -100,6 +98,10 @@ export class ClientGeneralStepComponent implements OnInit, OnDestroy {
   genderOptions: any;
   /** Saving Product Options */
   savingProductOptions: any;
+  /** Occupation Category Options */
+  occupationCategoryOptions: any;
+  /** Occupation Options */
+  occupationOptions: any;
   /** Mobile number DIP verification status */
   mobileVerified = false;
   /** Sanctions verification state */
@@ -152,6 +154,8 @@ export class ClientGeneralStepComponent implements OnInit, OnDestroy {
       dateOfBirth: [''],
       clientTypeId: [''],
       clientClassificationId: [''],
+      occupationCategoryId: [''],
+      occupationId: [''],
       submittedOnDate: [
         this.settingsService.businessDate,
         Validators.required
@@ -172,6 +176,8 @@ export class ClientGeneralStepComponent implements OnInit, OnDestroy {
     this.constitutionOptions = this.clientTemplate.clientNonPersonConstitutionOptions;
     this.genderOptions = this.clientTemplate.genderOptions;
     this.savingProductOptions = this.clientTemplate.savingProductOptions;
+    this.occupationCategoryOptions = this.clientTemplate.occupationCategoryOptions || [];
+    this.occupationOptions = this.clientTemplate.occupationOptions || [];
   }
 
   /**