The term align-items: left doesn’t exist and also There’s no need to worry about cross axis alignment because there’s no extra height. So, you can remove it from the code without any issues.

Signed-off-by: Nedal <[email protected]>

When using light mode, there’s an issue between the `769px` and `900px` width range. During this range, the divider is not visible. I recommend removing the collapsing breakpoint altogether and relying solely on the defaul `md` value
breakpoint.

There's no need for an extra import, we can use the class name directly to target all asterisk slots
withing the form container.

Better provide a meaningful feedback to users and screen readers, regardless of whether the component is mounted or not. Here are the changes made:

1. When component isn't mounted
  + an aria-label and a default icon will be provided for better context.
  + the button will be disabled
  + `onClick` will be attached, but it won't be invoked because the button is disabled

2. When component is mounted
  + The user will be able to toggle the color scheme as expected