feat(Tabs): Tab list should be scrollable to match Material Design Guidelines

#### Reproduction

https://stackblitz.com/edit/angular-yk3xrb

Steps to reproduce:
1. Load above stackblitz in mobile view.
2. Try to grab and swipe the tabs left or right.
* Alternatively use `Shift` + `Mouse Scroll` to attempt to scroll the tabs left/right.

#### Expected Behavior

The tabs should be x-scrollable as defined in the spec: https://material.io/components/tabs (Switch from `Fixed` to `Scrollable` type)

#### Actual Behavior

Tabs can not be scrolled by swiping/shift scrolling.

This is mainly a big issue for mobile devices. As tapping the left and right buttons is much slower and unnatural than swiping over the tabs.
You can manually set `overflow-x: scroll` on the container, but that breaks as soon as you select another tab since angular applies translation to the whole thing. See [this stackoverflow ](https://stackoverflow.com/questions/57888846/set-horizontal-scroll-in-angular-material-tabs) for attempts at solving the issue.

Bắt đầu với bản tái hiện StackBlitz được liên kết và so sánh hành vi tab hiện tại với đặc tả tab của Material Design. Truy tìm phần triển khai tab của Angular Material chịu trách nhiệm cuộn và dịch chuyển tab, sau đó xác minh rằng thao tác vuốt trên thiết bị di động và thao tác cuộn bằng Shift cộng với con lăn chuột hoạt động mà không làm hỏng việc chọn hoặc định vị.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.