Merge remote-tracking branch 'origin/main' into ph/engineWallets

Author: arcoraven

apps/playground-web/src/app/connect/sign-in/components/ColorFormGroup.tsx

@@ -64,14 +64,13 @@ export function ColorFormGroup(props: {
                 <div className="flex flex-col gap-2 pb-4">
                   {colorSection.colors.map((color) => {
                     return (
+                      // biome-ignore lint/a11y/noLabelWithoutControl: input is inside the label, so no need to add id
                       <label
                         className="flex cursor-pointer items-center gap-3 rounded-lg p-2 transition-colors hover:bg-secondary"
                         key={color.colorId}
-                        htmlFor="color-input"
                       >
                         <div className="rounded-full border">
                           <ColorInput
-                            id="color-input"
                             className="size-10"
                             value={themeObj.colors[color.colorId]}
                             onChange={(value) => {

apps/playground-web/src/app/connect/sign-in/components/ColorInput/index.tsx

@@ -7,15 +7,13 @@ export function ColorInput(props: {
   onChange: (value: string) => void;
   onClick?: () => void;
   className?: string;
-  id?: string;
 }) {
   const debouncedOnChange = useDebouncedCallback((value) => {
     props.onChange(value);
   }, 100);
 
   return (
     <input
-      id={props.id}
       onChange={(e) => {
         debouncedOnChange(e.target.value);
       }}