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

[ParsaArvanehPA]

PR Checklist

Please check if your PR fulfills the following requirements:

• [✔] The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit
• [] Tests for the changes have been added (for bug fixes / features)
• [✔] Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• [✔] Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Application (the showcase website) / infrastructure changes
• Other... Please describe:

What is the current behavior?

In RTL mode, there are some issues with the Carousel component.
For some weird resone, when you change the direction of the document side to RTL, the directionality.change is not emitted; so in the document site you can not see the bugs, This is a recording of the produced bug in the RTL mode.

Carousel-bug.mp4

What is the new behavior?

The footage for the fixed behavior in the RTL mode:

Carousel-fixed.mp4

Does this PR introduce a breaking change?

• Yes
• [✔] No

Other information

🔶 NOTES:

• The onLiClick is not required any more.
• I used [dir]="'ltr'" and didn't put it in the style files becase Ant also gives it as an inline attribute on the HTML:

[zorro-bot]

This preview will be available after the AzureCI is passed.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.15%. Comparing base (dd42ad9) to head (18f5045).
Report is 85 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #8770   +/-   ##
=======================================
  Coverage   93.15%   93.15%           
=======================================
  Files         538      538           
  Lines       18457    18453    -4     
  Branches     2816     2815    -1     
=======================================
- Hits        17193    17190    -3     
+ Misses       1226     1225    -1     
  Partials       38       38           

Flag	Coverage Δ
	93.15% <ø> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[Laffery]

Good Job and LGTM !