[New Rich Text Editor]: Swap Editor UI on screen type not size

[habibayman]

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Desired behavior

instead of having the editor swap to Mobile view based on screen width (breakpoint at 768px),
let the swap be determined by whether or not it's a touch screen. This will make it work for tablets and mobile phones too.

• change the useBreakPoint.js composable to work on touch screen detect
• copy this browser info shared utility from Kolibri
• add a fold all state to EditorToolbar.vue

Current behavior

The editor switches to mobile view at 768px

Value add

I know Studio hasn't been designed to work on Mobiles yet, but this will be helpful if that decision is ever taken or most importantly when this tiptap editor is abstracted to be a KDS component