scrollable md-tabs: align active element to the middle

Nobody has claimed this yet.

### What is affected?

Component

### Description

with scrollable md-tabs, when I click on a tab it is automatically placed at the end of the container.
I think the best way is to place it in the middle of the container

### Reproduction

https://material-web.dev/components/tabs/stories/

### Workaround

I tried to edit scrollToTab function by inserting this

tabToScrollTo.scrollIntoView({
behavior: 'smooth',
block: 'nearest',
inline: 'center'
});

and it works pretty well

### Is this a regression?

No or unsure. This never worked, or I haven't tried before.

### Affected versions

1.2.0

### Browser/OS/Node environment

Chrome on Windows, Chrome on Android

Reproduce the behavior in the linked md-tabs story with a scrollable tab set, then trace the component's scrollToTab function. Compare the current placement with the proposed centered scrolling behavior and verify that selecting tabs keeps the active tab centered without breaking scrolling on Chrome desktop and Android.

Written by the indexing model from the issue text.