feat(overlay): Add a settings panel

[Princesseuh]

Changes

Add a little settings panel guy and the components it needs (the toggle)

Those options are saved locally, using localStorage and are intended for Dev Overlay settings.

Testing

Added a test that it opens and closes, like other plugins

Docs

Will do docs

[changeset-bot]

🦋 Changeset detected

Latest commit: bacda87

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

[github-actions]

⚖️ Bundle Size Check

Latest commit: bacda87

File	Old Size	New Size	Change
dev-overlay/entrypoint	47.93 KB	47.93 KB	0 B
dev-overlay/overlay	24.23 KB	24.23 KB	0 B
dev-overlay/plugins/astro	2.26 KB	2.26 KB	0 B
dev-overlay/plugins/settings	2.74 KB	2.74 KB	0 B
dev-overlay/plugins/utils/window	932 B	932 B	0 B
dev-overlay/settings	326 B	326 B	0 B
dev-overlay/ui-library/icons	13.83 KB	13.83 KB	0 B
dev-overlay/ui-library/toggle	1.21 KB	1.21 KB	0 B
dev-overlay/ui-library/window	16.41 KB	16.41 KB	0 B

[bluwy]

LGTM. We'd need a changeset before merging this.

I have a few thoughts about the design/behaviour, but not blocking the PR:

1. When opening the first Astro panel, then the settings panel, should the Astro panel auto-close? So there's only one panel at a time.
2. The settings name e.g. Verbose logging? feels a bit weird with the ?. I don't usually see trailing punctuations in settings names.
3. Each setting controls, the setting description is larger than the setting title. Is it intentional?

EDIT: The above image is what I see locally in Safari and Chrome, which seems to be slightly different compared to your screenshot.

[Princesseuh]

3. Each setting controls, the setting description is larger than the setting title. Is it intentional?

EDIT: The above image is what I see locally in Safari and Chrome, which seems to be slightly different compared to your screenshot.

That's weird, I can't see this no matter what browser I use 🤔

When opening the first Astro panel, then the settings panel, should the Astro panel auto-close? So there's only one panel at a time.

This is planned!

[bluwy]

That's weird, I can't see this no matter what browser I use 🤔

Strange, I can't reproduce this anymore. Sorry for the false alarm 😅