test(e2e): test login page

src/components/labeled-input.tsx

@@ -6,14 +6,15 @@ export default function LabeledInput({
   label,
   placeholder,
   value,
-  name,
+  ...props
 }: {
   type: 'text' | 'email' | 'password';
   label: string;
   placeholder?: string;
   value?: string;
-  name?: string;
-}) {
+} & React.InputHTMLAttributes<HTMLInputElement>) {
+  const elementId = Math.random().toString(36).substring(2, 15);
+
   return (
     <div className='flex flex-col gap-1'>
       <Label htmlFor={name}>{label}</Label>
@@ -22,8 +23,8 @@ export default function LabeledInput({
         type={type}
         placeholder={placeholder}
         defaultValue={value}
-        id={name}
-        name={name}
+        id={elementId}
+        {...props}
       />
     </div>
   );