[Input] - readOnly inputs not included in FormData

[bleepblorb]

The current implementation for the Input component with readOnly prop set to true is to render a paragraph element instead of simply applying the readonly attribute to the input. This causes issues because the input value will not be included when the form is submitted to a url or when generating FormData from the form. I'd also take a guess that this pattern is bad for accessibility.

I'm not entirely sure if this would be considered an issue since it seems to be the result of a design decision (#1416 ), but perhaps it was an oversight. Either way, I would suggest reevaluating this design pattern.

Thanks