chore: restyle demo

[jill64]

Summary by CodeRabbit

• New Features

  • Added a demo link and badge to the README for easier access to the live demo website.

• Style

  • Updated media query breakpoint to improve layout responsiveness on larger screens.
  • Introduced a new style rule to manage overflow behavior for better content display.

[coderabbitai]

Walkthrough

The project's documentation and user interface received minor updates. The README now includes a new demo link and badge, enhancing its informational content without affecting the code's functionality. The Svelte component's layout responsiveness has been improved by adjusting the media query breakpoint and adding a style to manage content overflow, ensuring better user experience across different device sizes.

Changes

File(s)	Change Summary
README.md	Added demo link and badge.
src/routes/.../+page.svelte	Updated media query breakpoint from 600px to 800px; added overflow:auto to a div style.

🐇✨
A badge now gleams, a link anew,
In README's embrace, it grew.
Svelte adapts with grace so wide,
At 800px, content takes the stride. 🌟📜

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on X ?

---

Tips

Chat with CodeRabbit Bot (@coderabbitai)

• You can reply to a review comment made by CodeRabbit.
• You can tag CodeRabbit on specific lines of code or files in the PR by tagging @coderabbitai in a comment.
• You can tag @coderabbitai in a PR comment and ask one-off questions about the PR and the codebase. Use quoted replies to pass the context for follow-up questions.

CodeRabbit Commands (invoked as PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger a review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai help to get help.

Additionally, you can add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.

CodeRabbit Configration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• The JSON schema for the configuration file is available here.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	dca63f6
Status:	✅  Deploy successful!
Preview URL:	https://bf9520fa.svelte-hydrated.pages.dev
Branch Preview URL:	https://dev.svelte-hydrated.pages.dev

View logs

[coderabbitai]

Review Status

Actionable comments generated: 0

Configuration used: CodeRabbit UI

Commits

Files that changed from the base of the PR and between bcb2ffe and dca63f6.

Files ignored due to filter (1)

• package.json

Files selected for processing (2)

• README.md (1 hunks)
• src/routes/+page.svelte (2 hunks)

Files skipped from review due to trivial changes (2)

• README.md
• src/routes/+page.svelte