[UXP-271] set break-all on carousel titles

Author: Andrea Barbasso

src/app/shared/carousel/carousel.component.html

@@ -29,7 +29,7 @@
         </ng-template>
         <div class="carousel-caption" *ngIf="item.indexableObject.metadata">
           <div class="carousel-caption-inner">
-            <h1 data-test="carouselObjTitle" [class]="carouselOptions.titleStyle" class="h3"
+            <h1 data-test="carouselObjTitle" [class]="carouselOptions.titleStyle" class="h3 break-all"
                 *ngIf="item.indexableObject.metadata[title]">
               {{ item.indexableObject.metadata[title][0].value }}</h1>
             <div data-test="carouselObjDesc" class="carousel-caption-text pr-3 pl-2"

src/app/shared/carousel/carousel.component.scss

@@ -105,4 +105,8 @@
     border-bottom-left-radius: 0.25rem;
   }
 
+  .break-all {
+    word-break: break-all;
+  }
+
 }