Add background blur feature for supported devices

[toger5]

This adds background blur via @livekit/track-processors for supported browsers.
The option can be found in the video tab of the settings.

The fallback will be a greyed out checkbox (on firefox for instance)
This way firefox users get informed why it does not work on their side if other users tell them where to set it up.

Sadly this is not exactly done the way we would want to set it up see: livekit/track-processors-js#50

• bundle local assets not CDN
• stringify related hang on startup

[toger5]

how do we deal with lk modules that dont fullfill the ts lints?

[toger5]

how do we deal with lk modules that dont fullfill the ts lints?

I found what we needed:
@types/dom-mediacapture-transform

[hughns]

I've suggested some cleanup. Furthermore I think you could deduplicate some of the code into something like a useBlur() or canBlur(). This might make adding tests easier too.

[toger5]

Furthermore I think you could deduplicate some of the code into something like a useBlur() or canBlur(). This might make adding tests easier too.

I think @robintown has an idea how we might be able to reuse the track from the lobby to the in call view. Than this might come for free.

But in this pr we should at least get rid of the duplicated let blur = useMemo sections

[sandhose]

I think it would be better to use

import wasmLoaderPath from "@mediapipe/tasks-vision/wasm/vision_wasm_internal.js?url";

[hughns]

I did try that, but I ended up with a vite error and so did this approach instead. 🤷