Perseus renderer does not responsively update to the current input modality

[rtibbles]

Observed behavior

Follow up from #11998 which fixed the issue where on hybrid touch and mouse + keyboard devices, a user couldn't enter an answer if they were using a mouse and keyboard.

Ideally, if the user used their touch interface to interact with the question, then we would show up the Perseus special on screen keyboard. If they use the mouse and keyboard, we would show nothing.

It may be there there is a better way to handle whether we show the perseus keyboard, or if there's something inside perseus that would deal with this better in later versions. Once #9759 is finalized and merged we can revisit this issue.

The other issue currently is that there is no way to reactively update the value for the use of the on screen keyboard (although as it is a react component, presumably this should be possible).

Errors and logs

Original report:

I've just tested this on a Chromebook laptop and I can confirm that I can input an answer both when using the touch screen or the trackpad. However when using only the touch screen I still have to type the answer using the physical keyboard of the device while I was expecting to see the onscreen numeric keyboard. The same is valid when I flip the physical keyboard of the Chromebook and start using it as a tablet in which case instead of seeing the onscreen numeric keyboard I see the normal digital keyboard.

Originally posted by @pcenov in #11998 (comment)

Expected behavior

Exercise input should be completely responsive to the current input modality.

User-facing consequences

Confusion, difficulty entering complex mathematical answers on a hybrid device.

Steps to reproduce

Interact via mouse, then detach the mouse and keyboard from the hybrid device. Attempt to interact with an exercise that requires mathematic input - you will only be prompted to use your own device's on screen keyboard.

Context

Kolibri 0.16.1

Prerequisites

Beta Give feedback

1. Upgrade perseus to npm published version. #9759
   APP: Learn DEV: frontend DEV: renderers DEV: tools SIZE: very large TODO: needs review +6