Created carousel component for testimonials

apps/client/src/app/pages/landing/landing-page.html

@@ -347,13 +347,12 @@
       </div>
     </div> -->
     <gf-carousel [aria-label]="'Featured components'">
-      <a *ngFor="let comp of getTopComponents()" carousel-item>
+      <div *ngFor="let testimonial of testimonials" carousel-item>
         <gf-logo
             class="mr-3 mt-2 pt-1"
             size="medium"
             [showLabel]="false"
         ></gf-logo>
-        {{(comp[0].toUpperCase() + comp.slice(1)).replace('-', ' ')}}
         <div class="mt-2 text-muted">
           —
           <a *ngIf="testimonial.url" target="_blank" [href]="testimonial.url"
@@ -362,7 +361,7 @@
           <span *ngIf="!testimonial.url">{{ testimonial.author }}</span>, {{
           testimonial.country }}
         </div>
-      </a>
+      </div>
     </gf-carousel>
   </div>
 

apps/client/src/app/pages/landing/landing-page.module.ts

@@ -6,12 +6,14 @@ import { RouterModule } from '@angular/router';
 import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
 import { GfLogoModule } from '@ghostfolio/ui/logo';
 import { GfValueModule } from '@ghostfolio/ui/value';
+import { CarouselItem } from '@ghostfolio/ui/carousel/carousel-item.directive';
+import { Carousel } from '@ghostfolio/ui/carousel/carousel';
 
 import { LandingPageRoutingModule } from './landing-page-routing.module';
 import { LandingPageComponent } from './landing-page.component';
 
 @NgModule({
-  declarations: [LandingPageComponent],
+  declarations: [Carousel, CarouselItem, LandingPageComponent],
   imports: [
     CommonModule,
     GfLogoModule,

libs/ui/src/lib/carousel/carousel-item.directive.ts

@@ -1,10 +1,7 @@
 import { FocusableOption } from "@angular/cdk/a11y";
-import { Directive, ElementRef, HostBinding } from "@angular/core";
+import { ElementRef, HostBinding } from "@angular/core";
+
 
-@Directive({
-    selector: '[carousel-item]',
-    standalone: true,
-  })
   export class CarouselItem implements FocusableOption {
     @HostBinding('attr.role') readonly role = 'listitem';
     @HostBinding('tabindex') tabindex = '-1';

libs/ui/src/lib/carousel/carousel.ts

@@ -22,10 +22,6 @@ import { CarouselItem } from './carousel-item.directive';
   
   @Component({
     selector: 'gf-carousel',
-    templateUrl: './carousel.html',
-    styleUrls: ['./carousel.scss'],
-    encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [
       NgIf,
       MatButtonModule,