As a Wikidata Bridge tester I want to see what editing a value would look like without saving it yet.
**BDD**
GIVEN a Wikidata Bridge enabled template
WHEN clicking an edit link
THEN a modal opens showing the current value from the repository and the associated Property ID
AND I can change the value
**mocks**
desktop
{F29774181}
mobile
{F29774183}
for more details see figma mocks
**Acceptance criteria:**
[ ] there is an editable value field in the client modal
[ ] the ID of the Property is shown as input field label
[ ] It works for Properties of datatype string; for unsupported Property datatypes, show an error message (hard-coded for now)
[ ] Look as specified in figma and add created components to story book
**Notes:**
* Behaviour for multiple values is not part of the Acceptance criteria but will be in a follow-up story, in case that changes something for the implementation
* please have a look at the OOUI TextInputWidget and how it behaves when active vs not active. The state in the mocks is the active state.
* When the modal opens the InputWidget is in focus and active (blue border, cursor inside the field)
* It can be made off-focus i.e. normal state(?) when clicking inside the modal but outside the widget