Cleaned and focused about page

src/app/pages/about/about.component.html

@@ -41,19 +41,28 @@
     <h2>{{ 'ABOUT.SECTION.SKILLS' | translate }}</h2>
     <div class="chip-groups">
       <div>
-        <h3>{{ 'ABOUT.SECTION.PRIMARY' | translate }}</h3>
-        <mat-chip-set aria-label="Primary skills">
-          @for (s of primarySkills; track s) {
+        <h3>{{ 'ABOUT.SECTION.BACKEND_ARCH' | translate }}</h3>
+        <mat-chip-set aria-label="Backend and Architecture">
+          @for (s of skillsArchitecture; track s) {
           <mat-chip>{{ s | translate }}</mat-chip>
           }
         </mat-chip-set>
       </div>
 
       <div>
-        <h3>{{ 'ABOUT.SECTION.TOOLSET' | translate }}</h3>
-        <mat-chip-set aria-label="Toolset">
-          @for (t of toolset; track t) {
-          <mat-chip>{{ t | translate }}</mat-chip>
+        <h3>{{ 'ABOUT.SECTION.INFRA_CLOUD' | translate }}</h3>
+        <mat-chip-set aria-label="Infrastructure and Cloud">
+          @for (s of skillsCore; track s) {
+          <mat-chip>{{ s | translate }}</mat-chip>
+          }
+        </mat-chip-set>
+      </div>
+
+      <div>
+        <h3>{{ 'ABOUT.SECTION.SIM_ALGO' | translate }}</h3>
+        <mat-chip-set aria-label="Simulation and Algorithms">
+          @for (s of skillsEngineering; track s) {
+          <mat-chip>{{ s | translate }}</mat-chip>
           }
         </mat-chip-set>
       </div>