DSD-1811: Searchbar responsive styling

[7emansell]

Fixes JIRA ticket DSD-1811.

This PR does the following:

• Updates the responsive styles on Searchbar (no stacking on mobile)
• Adds <span> to "Search" text so DCF can use new breakpoints

How has this been tested?

Accessibility concerns or updates

Accessibility Checklist

• [x] Checked Storybook's "Accessibility" tab for color contrast and other issues.
• [x] The feature works with keyboard inputs including tabbing back and forward and pressing space, enter, arrow, and esc keys.
• [x] For hidden text or when aria-live is used, a screenreader was used to verify the text is read.
• [x] For features that involve UI updates and focusing on DOM refs, focus management was reviewed.
• [x] The feature works when the page is zoomed in to 200% and 400%.

Open Questions

Checklist:

• [x] I have updated the Storybook documentation and changelog accordingly.
• [x] I have added relevant accessibility documentation for this pull request.
• [x] All new and existing tests passed.

Front End Review:

• [x] Review the Vercel preview deployment once it is ready.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nypl-design-system	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 22, 2024 3:27pm

[7emansell]

@bigfishdesign13 Sorry I misunderstood our conversation– if we are not doing mobile updates for the Searchbar is any of this needed? None of this will be helpful to DC right now (besides adding the span element) but it does move the DS a step closer to what's in the designs for DC, and once all breakpoints align we can definitely use this