fix: api client address bar url

[antlio]

Problem
as highlighted by @Amorim33 and in #1687, breaking layout when url is too long.

Solution
this pr fixes #1687 by allowing scrolling and adding fade to long url.

[changeset-bot]

🦋 Changeset detected

Latest commit: c30f057

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

This PR includes changesets to release 13 packages

Name	Type
@scalar/api-client	Patch
@scalar/api-client-react	Patch
@scalar/api-reference	Patch
@scalar/play-button	Patch
@scalar/api-reference-react	Patch
@scalar/cli	Patch
@scalar/express-api-reference	Patch
@scalar/fastify-api-reference	Patch
@scalar/hono-api-reference	Patch
@scalar/nestjs-api-reference	Patch
@scalar/nextjs-api-reference	Patch
@scalar/nuxt	Patch
@scalar/docusaurus	Patch

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

[relativeci]

#1488 Bundle Size — 1.79MiB (+0.01%).

c30f057(current) vs 3748dc5 main#1484(baseline)

Warning

Bundle contains 4 duplicate packages – View duplicate packages

Bundle metrics   1 change 1 regression

	Current #1488	Baseline #1484
Initial JS	1.79MiB(+0.01%)	1.79MiB
Initial CSS	0B	0B
Cache Invalidation	100%	100%
Chunks	1	1
Assets	1	1
Modules	1073	1073
Duplicate Modules	0	0
Duplicate Code	0%	0%
Packages	160	160
Duplicate Packages	4	4

Bundle size by type   1 change 1 regression

	Current #1488	Baseline #1484
JS	1.79MiB (+0.01%)	1.79MiB

---

Bundle analysis report Branch fix-api-client-address-bar-url Project dashboard

[github-actions]

Preview deployed to https://226d6d26-a17a-436a-bb58-b668833fc7eb--scalar-deploy-preview.netlify.app

[marclave]

woah @antlio nice fix 😎 i saw this happen on the sentry docs friday and forgot to make an issue but seems like @Amorim33 was on it too 💯