ref: change auth setting in Login Screen

package/components/atoms/Input.tsx

@@ -8,9 +8,10 @@ interface InputProps {
   value: string
   onChange: (e: React.ChangeEvent<HTMLInputElement>) => void
   autocomplete?: string
+  disabled?: boolean 
 }
 
-const Input: React.FC<InputProps> = ({ type, placeholder, value, onChange, autocomplete }) => {
+const Input: React.FC<InputProps> = ({ type, placeholder, value, onChange, autocomplete, disabled  }) => {
   return (
     <TextField
       type={type}
@@ -20,6 +21,7 @@ const Input: React.FC<InputProps> = ({ type, placeholder, value, onChange, autoc
       autoComplete={autocomplete}
       fullWidth
       variant="outlined"
+      disabled={disabled}
     />
   )
 }

package/components/atoms/Label.tsx

@@ -9,10 +9,13 @@ interface LabelProps {
 
 const Label: React.FC<LabelProps> = ({ htmlFor, text }) => {
   return (
-    <Typography variant="subtitle1" component="label" htmlFor={htmlFor} className="mb-2 block">
-      {text}
-    </Typography>
+    <label htmlFor={htmlFor} className="mb-2 block">
+      <Typography variant="subtitle1">
+        {text}
+      </Typography>
+    </label>
   )
 }
 
 export default Label
+