Add Switch Component

Switch components are a component indicating a boolean state (typically on/off) to activate or deactivate a particular setting. They differ slightly from Checkboxes in that typically the outcome of the state change usually takes effect immediately.

The component should follow general APG guidelines for the html checkbox input: https://www.w3.org/WAI/ARIA/apg/patterns/switch/examples/switch-checkbox/

The general guidelines are:
- The input element should use `role="switch"`
- The checkbox will be visually hidden, but the visual component of the switch can be styled with sibling selectors (i.e. `.Switch input[type="checkbox"] ~ .Toggle { ... }`)

## Interface

```ts
type SwitchProps extends Omit, 'role'> {
label: ContentNode
}
```

## Design

> [!NOTE]
> The design requirements have changed slightly in the "off" state no longer should be indicated with an "x" icon. Only the on state should have a checkbox icon. Additionally, the label should be aligned to the right of the switch.

~- UXPin example: https://preview.uxpin.com/520e80315786a67ba43a3ca50598e6d69782627c#/pages/164060049?mode=cvidm~
~- Light component: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6814111,light-toggle~
~- Dark component: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6814112,dark-toggle~