fix: broken search

*  refactor cards and template gallery logic
* rename 'Overview' to 'Home'
* remove autogenerated tests

CU-86c37j4ah
CU-86c37j4dk

Author: uleMeshcloud

website/src/app/app.component.spec.ts

@@ -15,9 +15,11 @@ <h5 class="ms-3 card-title fw-bold align-self-center">
 
   <ng-container *ngIf="templates$ | async as templates">
     <h2 class="fw-bold">{{ platform.title }} building block definitions</h2>
-    <p class="mt-2 mb-5" *ngIf="templates.length; else noTemplates">These <b>{{ platform.title }} building block
-        definitions</b> provide pre-configured Terraform modules
-      for automating common cloud tasks</p>
+    <p class="mt-2 mb-5" *ngIf="templates.length; else noTemplates">
+      These
+      <b>{{ platform.title }} building block definitions</b>
+      provide pre-configured Terraform modules for automating common cloud tasks
+    </p>
     <ng-template #noTemplates>
       <p class="mt-2">No building block definitions</p>
     </ng-template>
@@ -28,4 +30,4 @@ <h2 class="fw-bold">{{ platform.title }} building block definitions</h2>
       </div>
     </div>
   </ng-container>
-</div>
+</div>

website/src/app/features/platform-view/platform-view.component.html

@@ -10,7 +10,7 @@ import { BreadcrumbItem } from 'app/shared/breadcrumb/breadcrumb';
 import { CardComponent } from 'app/shared/card';
 import { DefinitionCard } from 'app/shared/definition-card/definition-card';
 import { DefinitionCardComponent } from 'app/shared/definition-card/definition-card.component';
-import { LogoCircleComponent } from 'app/shared/logo-circle/logo-circle.component';
+import { LogoCircleComponent } from 'app/shared/logo-circle';
 import { PlatformData, PlatformService } from 'app/shared/platform-logo';
 import { TemplateService } from 'app/shared/template';
 

website/src/app/features/platform-view/platform-view.component.spec.ts

@@ -5,10 +5,14 @@
         <mst-breadcrumb [breadcrumbs]="breadcrumbs"></mst-breadcrumb>
       </ng-container>
       <div class="pt-5">
-        <div class="row ">
+        <div class="row">
           <div class="col-12 col-md-auto text-center mb-3 mb-md-0">
-            <img *ngIf="template.imageUrl; else unknownLogo" class="logo img-fluid" [src]="template.imageUrl"
-              [alt]="template.platformType" />
+            <img
+              *ngIf="template.imageUrl; else unknownLogo"
+              class="logo img-fluid"
+              [src]="template.imageUrl"
+              [alt]="template.platformType"
+            />
             <ng-template #unknownLogo>
               <img src="assets/meshstack-logo.png" class="logo img-fluid" alt="Unknown Logo" />
             </ng-template>
@@ -27,8 +31,15 @@ <h2 class="fw-bold h4">
                   <i class="fa-solid fa-code pe-2"></i>
                   Source
                 </h2>
-                <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center p-2 bg-light border rounded shadow-sm">
-                  <a [href]="template.source" target="_blank" rel="noopener noreferrer" class="mb-2 mb-md-0 me-md-3 flex-grow-1">
+                <div
+                  class="d-flex flex-column flex-md-row align-items-start align-items-md-center p-2 bg-light border rounded shadow-sm"
+                >
+                  <a
+                    [href]="template.source"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    class="mb-2 mb-md-0 me-md-3 flex-grow-1"
+                  >
                     {{ template.source }}
                   </a>
                   <button type="button" (click)="copyToClipboard(template.source)" class="btn btn-light btn-sm">
@@ -81,4 +92,4 @@ <h3 class="fw-bold h6">Option 2: Copy the Files into your own Repository</h3>
       </div>
     </ng-container>
   </div>
-</div>
+</div>

website/src/app/features/platform-view/platform-view.component.ts

@@ -0,0 +1,5 @@
+export interface PlatformCard {
+    cardLogo: string | null;
+    title: string;
+    routePath: string;
+  }

website/src/app/features/template-details/template-details.component.html

@@ -1,4 +1,4 @@
-<div class="row" *ngIf="cards$ | async as cards">
+<div class="row">
   <div class="col-md-3 mb-3" *ngFor="let card of cards; let i = index">
     <mst-card [routePath]="card.routePath" [label]="card.title" [borderColorSourceImage]="card.cardLogo">
       <div