[PM-18790] browser intro carousel component (#14097)

* build intro carousel for browser to show for new installations

libs/vault/src/components/carousel/carousel-slide/carousel-slide.component.html

@@ -1,7 +1,7 @@
 <ng-template>
   <div
     role="tabpanel"
-    class="tw-px-4 tw-py-5"
+    [ngClass]="{ 'tw-px-4 tw-py-5': !disablePadding }"
     [attr.tabIndex]="noFocusableChildren ? 0 : undefined"
   >
     <ng-content></ng-content>

libs/vault/src/components/carousel/carousel-slide/carousel-slide.component.ts

@@ -1,15 +1,26 @@
 import { coerceBooleanProperty } from "@angular/cdk/coercion";
 import { TemplatePortal } from "@angular/cdk/portal";
-import { Component, Input, OnInit, TemplateRef, ViewChild, ViewContainerRef } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import {
+  booleanAttribute,
+  Component,
+  Input,
+  OnInit,
+  TemplateRef,
+  ViewChild,
+  ViewContainerRef,
+} from "@angular/core";
 
 @Component({
   selector: "vault-carousel-slide",
   templateUrl: "./carousel-slide.component.html",
   standalone: true,
+  imports: [CommonModule],
 })
 export class VaultCarouselSlideComponent implements OnInit {
   /** `aria-label` that is assigned to the carousel toggle. */
   @Input({ required: true }) label!: string;
+  @Input({ transform: booleanAttribute }) disablePadding = false;
 
   /**
    * Should be set to true when the slide has no focusable elements.