add eslint / prettier

src/components/InputField.tsx

@@ -42,26 +42,25 @@ export function InputField({
   error,
   rightIcon,
   className = '',
-  inputClassName = ''
+  inputClassName = '',
 }: Readonly<InputFieldProps>) {
   const [showPassword, setShowPassword] = useState(false);
   const containerSizeClass = {
     sm: 'max-w-xs',
     md: 'max-w-sm',
     lg: 'max-w-md',
-    full: 'max-w-none'
+    full: 'max-w-none',
   }[size];
 
   const inputSizeClass = {
     sm: 'h-8 !text-xs',
     md: 'h-10 text-sm',
     lg: 'h-12 text-sm',
-    full: 'h-10 text-sm'
+    full: 'h-10 text-sm',
   }[size];
 
-  const wrapperClass = layout === 'inline'
-    ? 'inline-flex w-auto items-center gap-2'
-    : 'block w-full gap-1';
+  const wrapperClass =
+    layout === 'inline' ? 'inline-flex w-auto items-center gap-2' : 'block w-full gap-1';
   const labelClass = layout === 'inline' ? 'text-xs ui-body-secondary' : '';
   const isPasswordType = type === 'password';
   const resolvedType: InputKind = isPasswordType && showPassword ? 'text' : type;
@@ -69,7 +68,9 @@ export function InputField({
   const inputWrapperClass = layout === 'inline' ? 'relative' : 'relative mt-1';
 
   return (
-    <label className={`${wrapperClass} text-sm font-medium ${disabled ? 'ui-label-disabled' : 'ui-label'} ${containerSizeClass} ${className}`.trim()}>
+    <label
+      className={`${wrapperClass} text-sm font-medium ${disabled ? 'ui-label-disabled' : 'ui-label'} ${containerSizeClass} ${className}`.trim()}
+    >
       {label ? <span className={labelClass}>{label}</span> : null}
       <div className={inputWrapperClass}>
         <input
@@ -100,7 +101,11 @@ export function InputField({
           </span>
         ) : null}
       </div>
-      {error ? <span className="mt-1 block text-xs" style={{ color: 'var(--error-text)' }}>{error}</span> : null}
+      {error ? (
+        <span className="mt-1 block text-xs" style={{ color: 'var(--error-text)' }}>
+          {error}
+        </span>
+      ) : null}
     </label>
   );
 }