[Mobile] SYST-691: Improve Dialog mobile look and feel

[alimnfl]

Description:
This pull request improves PaperDialog and Dialog components by preventing unintended text selection behavior inside both components. It also ensures that buttons inside Dialog do not display hover behavior on mobile interactions.

The button will make with separate task to this pull request

Source:
[Mobile] SYST-691: Improve Dialog mobile look and feel

Tick what you have done:
[x] I have double checked the functionality with the ticket in linear, or any other relevant discussion avenue
[x] I have created/updated any relevant test code
[x] I have tested it myself

[linear]

SYST-691

[github-actions]

Coneto Storybook preview deployed to: https://dev.files.systatum.com/coneto/9d2b5300

[adamnoto]

It also ensures that buttons inside Dialog do not display hover behavior on mobile interactions.

This is not what the task wants tho:

And when we tap (or press/thumb-press) on the button, make it as if user is hovering (because on mobile we can't use hover, so the color indication should change differently, ie when pressed).

So the task description is exactly opposite to what the task says 🥲 . Basically, let's make those buttons work like mobile mode (we have mobile mode, just let's set those button mobile too when dialog mode is mobile)

[alimnfl]

It also ensures that buttons inside Dialog do not display hover behavior on mobile interactions.

This is not what the task wants tho:

And when we tap (or press/thumb-press) on the button, make it as if user is hovering (because on mobile we can't use hover, so the color indication should change differently, ie when pressed).

So the task description is exactly opposite to what the task says 🥲 . Basically, let's make those buttons work like mobile mode (we have mobile mode, just let's set those button mobile too when dialog mode is mobile)

done

[github-actions]

Coneto Storybook preview deployed to: https://dev.files.systatum.com/coneto/9d2b5300

[adamnoto]