WEB-596:feat(clients) add Personal Data tab with comprehensive client info view (#3006)

improve the translation file

src/app/clients/clients-view/personal-data-tab/personal-data-tab.component.scss

@@ -0,0 +1,73 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+.tab-container {
+  padding: 1%;
+  margin: 1%;
+
+  h3 {
+    margin: 1% auto;
+  }
+}
+
+.section {
+  margin-bottom: 2%;
+
+  h3 {
+    margin-bottom: 1%;
+    padding-bottom: 0.5%;
+    border-bottom: 1px solid var(--mdc-outlined-text-field-outline-color, #ccc);
+    font-weight: 500;
+  }
+}
+
+.data-grid {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 2%;
+
+  @media (width <=768px) {
+    flex-direction: column;
+  }
+}
+
+.data-item {
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 23%;
+  padding: 1%;
+  margin-bottom: 1%;
+  border-radius: 4px;
+  border: 1px solid var(--mdc-outlined-text-field-outline-color, #e0e0e0);
+
+  @media (width <=768px) {
+    flex: 0 0 100%;
+  }
+
+  &.full-width {
+    flex: 0 0 100%;
+  }
+
+  .label {
+    font-size: 0.75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 0.25rem;
+    color: var(--md-sys-color-primary, #1074b9);
+  }
+
+  .value {
+    font-size: 1rem;
+
+    &.no-data {
+      font-style: italic;
+      opacity: 0.7;
+    }
+  }
+}