fix(astro): stop toolbar settings from overflowing

[Haberkamp]

Changes

The problem was the the content of the toolbar settings overflowed the toolbar. That made it very hard to read the text it looked broken.

I did a few things:

1. The text of the last row takes up the whole width of the section
2. If the content is still too large, the developer can scroll the content of the toolbar

Before

After

Bildschirmaufnahme.2025-03-09.um.12.35.04.mov

Testing

I did some manual testing, by resizing the window and testing the changes on a real iPhone. I did not any automated tests, because there's now way to test this without a visual test. Please correct me if I'm wrong.

Docs

This change does not need documentation, it doesn't change how users
need to interact with Astro.

[changeset-bot]

🦋 Changeset detected

Latest commit: 88bd907

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codspeed-hq]

CodSpeed Performance Report

Merging #13383 will not alter performance

_{Comparing Haberkamp:stop-toolbar-settings-from-overflowing (88bd907) with main (d83f92a)}

Summary

✅ 6 untouched benchmarks

[pkg-pr-new]

astro

npm i https://pkg.pr.new/astro@13383

@astrojs/cloudflare

npm i https://pkg.pr.new/@astrojs/cloudflare@13383

@astrojs/netlify

npm i https://pkg.pr.new/@astrojs/netlify@13383

@astrojs/node

npm i https://pkg.pr.new/@astrojs/node@13383

@astrojs/vercel

npm i https://pkg.pr.new/@astrojs/vercel@13383

commit: 88bd907

[ascorbic]

Thanks!