Co-authored-by: Saúl Ibarra Corretgé <saghul@jitsi.org>
Co-authored-by: Lucian-Paul Torje <lucian-paul.torje@8x8.com>

There are still many places where theme.spacing is expected to be number. Reverting parts of 057dc0e4d2 .

Currently the clientWidth is not representing the window width but it is representing the available video space width since we are subtracting the width of the participants pane and chat area.

* feat(base/ui): create and use conversion helpers for tokens on mobile

When autoComplete is set to off, at least.

* Make createColorTokens generate values based on jitsiTokens and tokens

Found via `codespell -q 3 -S "*.svg,./lang" -L anser,bu,dialin,goup,miliseconds,nd,vew`

* feat(chat/polls/navigation): added ids for tests and removed some unused helpers

* feat(polls/web/native): fixed identical answers verification

Signed-off-by: Mikhail Aheichyk <mikhail.aheichyk@nordeck.net>
Co-authored-by: Mikhail Aheichyk <mikhail.aheichyk@nordeck.net>

Improve accessibility in breakout rooms list

* feat(base/ui): native buttons UI fixes and improvements

* ref: improve handling for room destroyed events

* add missing translation

* code review

* implement kick handling

* implement native handling

* fix tests

* code review changes

* add dialog testId

* fix end conf for react native

* fix lobby test

* add translation for lobby closing

---------

Co-authored-by: Gabriel Borlea <gabriel.borlea@8x8.com>

feat(a11y): Globally improve accessibility for screen reader users

Fixes: https://github.com/jitsi/brave-tracker/issues/101

* feat(bwe) support setting the bandwidth from the client

Upgrade eslint related packages
Fix new errors

In the case when the user selects a new video device then goes to Virtual Background without saving first, use the newly selected device for the virtual background preview instead of the saved one

Remove unnecessary @ts-ignores
Use @ts-expect-error instead of @ts-ignore for external dependencies

When the toolbox is hidden and due to a ReactFocusLock instance the
focus is returned to the toolbox the whole page scrolls to the toolbox
which is positioned outside of the viewport in the bottom.
Then when the animation for displaying the toolbox is started the
scenario looks like the large video is jumping.
Now we don't return the focus from ReactFocusLock to elements which are
not part of the viewport.

* fix: multiselect duplicates

* set multiselect height to 200px

Remove @atlaskit and styled-components
Upgrade @emotion and @mui packages
Move @types packages to devDeps

Fix some errors. Remove @ts-ignores
Convert some files to TS
Remove some eslint-disables

* feat(polls): fixed scroll inside components and added pointerEvents auto for question and answer inputs

Move ListItem to base/ui