fix(module:carousel): carousel not working correctly in rtl mode (#8770)

Author: ParsaArvanehPA

components/carousel/carousel.component.ts

@@ -64,6 +64,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'carousel';
     <div
       class="slick-initialized slick-slider"
       [class.slick-vertical]="nzDotPosition === 'left' || nzDotPosition === 'right'"
+      [dir]="'ltr'"
     >
       <div
         #slickList

components/carousel/carousel.spec.ts

@@ -266,6 +266,12 @@ describe('carousel', () => {
       tick(1000 + 10);
       expect(carouselContents[3].nativeElement.classList).toContain('slick-active');
     }));
+
+    it('should call goTo function on slick dot click', () => {
+      spyOn(testComponent.nzCarouselComponent, 'goTo');
+      carouselWrapper.nativeElement.querySelector('.slick-dots').lastElementChild.click();
+      expect(testComponent.nzCarouselComponent.goTo).toHaveBeenCalledWith(3);
+    });
   });
 
   describe('strategies', () => {

components/carousel/style/patch.less

@@ -13,7 +13,3 @@ nz-carousel {
 .slick-track {
   opacity: 1;
 }
-
-.slick-list {
-  direction: ltr;
-}