[Tile] apply center alignment to only x axis

[SkyeSeitz]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Actual Behavior

alignment="center" middle aligns Tile's content on the y axis in addition to center aligning on the x axis causing misalignment of headers in Tile Group.

I am also seeing some off center Tiles on `alignment="center" (see codepen below)

Expected Behavior

alignment="center" only centers Tile's content on the x axis, but keeps it top aligned on the y axis.

Reproduction Sample

https://codepen.io/skyeseitz/pen/RwOzVoP?editors=1000

Reproduction Steps

See codepen provided.

Reproduction Version

2.8.0

Relevant Info

cc @eriklharper @ashetland @macandcheese

Regression?

No response

Priority impact

p4 - not time sensitive

Impact

No response

Calcite package

• [x] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

[github-actions[bot]]

Installed and assigned for verification.

[DitwanP]

🍭 Verified on 2.9.0-next.18