Adding Switch podkit component to prebuild settings page

[selfcontained]

Description

This primarily just adds a new <Switch/> component to podkit. I also dropped it onto the Prebuilds settings for repo configs. It's not wired up to any api calls yet, wanted to keep this PR scoped to just the component and dropping it into a surface to see it.

Off	On

Summary generated by Copilot

🤖[deprecated] Generated by Copilot at 7b5a424

This pull request adds a switch component to the dashboard UI using the @podkit design system and a new dependency on @radix-ui/react-switch. It also allows users to enable or disable prebuilds for a repository in the configuration detail view.

How to test

• Import a Repository via the Repositories link in the org menu
• Click the Prebuilds sidebar link
• Play with toggling the switch on/off. Try it in dark mode as well.
• It won't make any api calls so don't expect it to enable/disable prebuilds yet, that will come in a followup.

Documentation

Preview status

Gitpod was successfully deployed to your preview environment.

• 🏷️ Name - brad-prebufee67261a7
• 🔗 URL - brad-prebufee67261a7.preview.gitpod-dev.com/workspaces.
• 📚 Documentation - See our internal documentation for information on how to interact with your preview environment.
• 📦 Version - brad-prebuild-settings-ui-gha.21106
• 🗒️ Logs - GCP Logs Explorer

Build Options

Build

• /werft with-werft
  Run the build with werft instead of GHA
• leeway-no-cache
• /werft no-test
  Run Leeway with --dont-test

Publish

• /werft publish-to-npm
• /werft publish-to-jb-marketplace

Installer

• analytics=segment
• with-dedicated-emulation
• workspace-feature-flags
  Add desired feature flags to the end of the line above, space separated

Preview Environment / Integration Tests

• /werft with-local-preview
  If enabled this will build install/preview
• /werft with-preview
• /werft with-large-vm
• /werft with-gce-vm
  If enabled this will create the environment on GCE infra
• /werft preemptible
  Saves cost. Untick this only if you're really sure you need a non-preemtible machine.
• with-integration-tests=all
  Valid options are all, workspace, webapp, ide, jetbrains, vscode, ssh. If enabled, with-preview and with-large-vm will be enabled.
• with-monitoring

/hold

[selfcontained]

First step in setting up the new colors for the design system. This will let us reference contextual class names in our podkit components.

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
@radix-ui/react-switch	1.0.3	None	+0	44.9 kB	benoitgrelard

[filiptronicek]

Super stoked about the color abstractions. Is there a way that they would be theme / state aware, so that pk-surface-primary + pk-surface-primary-dark could become just pk-surface-primary?

Either way, happy to leave for a follow-up.

[filiptronicek]

I think this is safe to remove since it's a part of the switch now. Same goes for the link below, but GitHub did not let me expand my suggestion that far

Suggested change

	Prebuilds reduce wait time for new workspaces. Enabling requires permissions to configure repository
	webhooks.{" "}
	Prebuilds reduce wait time for new workspaces.

[selfcontained]

Super stoked about the color abstractions. Is there a way that they would be theme / state aware, so that pk-surface-primary + pk-surface-primary-dark could become just pk-surface-primary?

Either way, happy to leave for a follow-up.

I think there is probably a way, I’ll try and find some time to look into it, would be nice to figure out before proliferating these classnames too much.

[selfcontained]

/unhold