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/holidays/view-holidays/view-holidays.component.scss

@@ -6,17 +6,133 @@
  * 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;
 
-  .content {
-    div {
-      margin: 1rem 0;
-      word-wrap: break-word;
+.vh-container {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 20px 16px;
+}
 
-      &.header {
-        font-weight: 500;
-      }
-    }
+// Header
+.vh-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 14px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+
+  &__left {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 600;
+    color: $gray-900;
+    margin: 0;
+  }
+}
+
+.vh-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; }
+}
+
+.vh-menu-btn {
+  color: $gray-700 !important;
+  width: 36px !important;
+  height: 36px !important;
+  border: 1px solid $border;
+  border-radius: 8px !important;
+
+  &:hover {
+    background: $gray-50 !important;
+    border-color: $gray-500 !important;
+  }
+}
+
+// Card
+.vh-card {
+  background: #fff;
+  border: 1px solid $border;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+// Grid
+.vh-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+  padding: 20px 24px;
+
+  @media (max-width: 600px) { grid-template-columns: 1fr; }
+}
+
+.vh-cell {
+  padding: 14px 16px;
+  background: $gray-50;
+  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, 0.04);
+  transition: background 0.12s;
+
+  &:hover {
+    background: #f1f5f9;
+  }
+
+  &__label {
+    font-size: 10px;
+    font-weight: 600;
+    color: #94a3b8;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 4px;
+  }
+
+  &__value {
+    font-size: 14px;
+    font-weight: 600;
+    color: #1e293b;
+    line-height: 1.4;
+  }
+}
+
+// Menu icons
+.vh-menu-icon {
+  margin-right: 10px;
+  color: $accent;
+  font-size: 14px;
+  width: 18px;
+  text-align: center;
+
+  &--danger {
+    color: #ef4444;
+  }
+}
+
+// Responsive
+@media (max-width: 600px) {
+  .vh-header {
+    flex-direction: column;
+    align-items: flex-start;
   }
 }