Fix ListItem padding bug on visionOS

[joannaquu]

Platforms Impacted

• iOS
• visionOS
• macOS

Description of changes

On visionOS, ListItem's detail button, with no modifications is a capsule. I initially used clipShape to force it to be a circle. However, when there is padding applied around the button, using clipShape applies it around the frame of the original capsule button, not the updated circle one. This results in extra padding around the button.

Use buttonBorderShape instead, which does what we want.

Binary change

Total increase: 0 bytes
Total decrease: 0 bytes

File	Before	After	Delta
Total	31,095,248 bytes	31,095,248 bytes	🎉 0 bytes

Full breakdown

File	Before	After	Delta

Verification

Visual Verification

Before
After

Pull request checklist

This PR has considered:

• Light and Dark appearances
• iOS supported versions (all major versions greater than or equal current target deployment version)
• VoiceOver and Keyboard Accessibility
• Internationalization and Right to Left layouts
• Different resolutions (1x, 2x, 3x)
• Size classes and window sizes (iPhone vs iPad, notched devices, multitasking, different window sizes, etc)
• iPad Pointer interaction
• SwiftUI consumption (validation or new demo scenarios needed)
• Objective-C exposure (provide it only if needed)

Microsoft Reviewers: Open in CodeFlow