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/clients-view/personal-data-tab/personal-data-tab.component.html

@@ -87,6 +87,10 @@
         <span class="label">{{ 'labels.inputs.Account No' | translate }}</span>
         <span class="value">{{ clientViewData.accountNo || '-' }}</span>
       </div>
+      <div class="data-item">
+        <span class="label">{{ 'labels.inputs.CIF Number' | translate }}</span>
+        <span class="value">{{ clientViewData.cifNumber || '-' }}</span>
+      </div>
       <div class="data-item">
         <span class="label">{{ 'labels.inputs.External Id' | translate }}</span>
         <span class="value">{{ clientViewData.externalId || '-' }}</span>
@@ -178,6 +182,18 @@
           <span class="value">{{ clientViewData.clientClassification.name }}</span>
         </div>
       }
+      @if (clientViewData.occupationCategory) {
+        <div class="data-item">
+          <span class="label">{{ 'labels.inputs.Occupation Category' | translate }}</span>
+          <span class="value">{{ clientViewData.occupationCategory.name }}</span>
+        </div>
+      }
+      @if (clientViewData.occupation) {
+        <div class="data-item">
+          <span class="label">{{ 'labels.inputs.Occupation' | translate }}</span>
+          <span class="value">{{ clientViewData.occupation.name }}</span>
+        </div>
+      }
       @if (!clientViewData.clientType && !clientViewData.clientClassification) {
         <div class="data-item">
           <span class="value no-data">{{ 'labels.commons.No classification data available' | translate }}</span>