fix(ui-library): pressed state removed and updated focus state for readonly

[ashk1996]

closes #1155
closes #1125

[thrbnhrtmnn]

Hey @ashk1996 ,
here are my findings:

#1155 :

• Could we update the input field text, so that the focus ring gets applied as soon as I press down the mouse button? Currently it will only get applied once I release the button (for all other components its working this way already)
• The Input Field hover state when hasError=true looks different than in design (both in dark and light mode) it should look the same as the rest state. Also the focus state is not dominating this state.

#1125 :

• Focusing a readonly Text Area component via a Tab / via keyboard navigation, does not select the value (for input field text and input field number this works).