Search clear button iOS alignment

[alex-page]

WHY are these changes introduced?

Fixes https://github.com/Shopify/web/issues/33665

WHAT is this pull request doing?

• Center aligns the search clear button on iOS
• Creates a bigger touch target
• Retains the clear style in all other browsers and devices

How to 🎩

1. dev up && dev s
2. Open 192.168.0.11:6006 on an iOS device with safari
3. Go to the details page and type into the search input
4. Test in other browsers to make sure the clear button has no regressions

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide
• For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

[github-actions]

🟢 This pull request modifies 2 files and might impact 2 other files.

Details:

All files potentially affected (total: 2)

• /src/components/TopBar/components/SearchField/SearchField.tsx
• /src/components/TopBar/TopBar.tsx

📄 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

🎨 src/components/TopBar/components/SearchField/SearchField.scss (total: 2)

Files potentially affected (total: 2)

• /src/components/TopBar/components/SearchField/SearchField.tsx
• /src/components/TopBar/TopBar.tsx

[kyledurand]

🎩 looks good in the sim 👍