Merge pull request #19471 from overleaf/ii-inputs-fix

[web] Fix inputs to accept custom class names

GitOrigin-RevId: ebef429b5de961b873beccb32874fa8bf815dfb6

services/web/frontend/js/features/ui/components/bootstrap-3/form/form-control.tsx

@@ -8,12 +8,7 @@ type FormControlProps = BS3FormControlProps & {
   append?: React.ReactNode
 }
 
-function FormControl({
+function FormControl({ prepend, append, ...props }: FormControlProps) {
-  prepend,
-  append,
-  className,
-  ...props
-}: FormControlProps) {
   return (
     <>
       {prepend && <div className="form-control-feedback-left">{prepend}</div>}

services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx

@@ -36,7 +36,7 @@ const FormControl = forwardRef<HTMLInputElement, OLFormControlProps>(
       )
     }
 
-    return <Form.Control {...props} />
+    return <Form.Control className={className} {...props} />
   }
 )
 FormControl.displayName = 'FormControl'