fix(s2): keep sort icon adjacent to header text in TableView

[chirokas]

Closes #9244

Same as we already do in resizableMenuButtonWrapper:

react-spectrum/packages/@react-spectrum/s2/src/TableView.tsx

Lines 630 to 636 in d5f1280

	justifyContent: {
	align: {
	default: 'start',
	center: 'center',
	end: 'end'
	}
	},

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[LFDanLu]

Thanks for fixing this so quickly!

[LFDanLu]

For others, I ran chromatic on a separate branch locally: https://www.chromatic.com/build?appId=5f0dd5ad2b5fc10022a2e320&number=1072

https://reactspectrum.blob.core.windows.net/reactspectrum/482f3c59060b0d913c3a914b8f1bf7de0986ef38/storybook-s2/index.html?path=/story/tableview--text-align-story