fix(segment): scrolling button into view is more consistent

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: resolves #26368

By default scrollIntoView defaults the vertical alignment to the start of the container. While this is the correct browser behavior, we only care about scrolling on the horizontal axis for the segment. As a result, this can cause unnecessary scrolling for complex layouts.

What is the new behavior?

• The segment is now vertically aligned using the 'nearest' strategy. If the segment is fully in view, no vertical scrolling happens. Otherwise the segment is aligned to either the top or the bottom on the content depending on which edge it is closest to.

Does this introduce a breaking change?

• Yes
• No

Other information