🚸(frontend) inform user Blurring effects are experimental

Be transparent with users: this version lacks quality and is currently
limited to Chrome, which may lead to frustration.

In addition to providing information, we should implement a method to
collect user feedback and reactions.

src/frontend/src/features/rooms/livekit/components/Effects.tsx

@@ -3,7 +3,7 @@ import { useLocalParticipant } from '@livekit/components-react'
 import { LocalVideoTrack } from 'livekit-client'
 import { Text, P, ToggleButton, Div, H } from '@/primitives'
 import { useTranslation } from 'react-i18next'
-import { HStack, VStack } from '@/styled-system/jsx'
+import { HStack, styled, VStack } from '@/styled-system/jsx'
 import {
   BackgroundBlur,
   BackgroundOptions,
@@ -11,6 +11,16 @@ import {
   BackgroundTransformer,
 } from '@livekit/track-processors'
 
+const Information = styled('div', {
+  base: {
+    backgroundColor: 'orange.50',
+    borderRadius: '4px',
+    padding: '0.75rem 0.75rem',
+    marginTop: '0.8rem',
+    alignItems: 'start',
+  },
+})
+
 enum BlurRadius {
   NONE = 0,
   LIGHT = 5,
@@ -165,6 +175,16 @@ export const Effects = () => {
         ) : (
           <Text variant="sm">{t('notAvailable')}</Text>
         )}
+        <Information>
+          <Text
+            variant="sm"
+            style={{
+              textWrap: 'balance',
+            }}
+          >
+            ⚠︎ {t('experimental')}
+          </Text>
+        </Information>
       </Div>
     </VStack>
   )

src/frontend/src/locales/de/rooms.json

@@ -82,7 +82,8 @@
       "normal": "",
       "apply": "",
       "clear": ""
-    }
+    },
+    "experimental": ""
   },
   "sidePanel": {
     "heading": {

src/frontend/src/locales/en/rooms.json

@@ -80,7 +80,8 @@
       "normal": "Blur",
       "apply": "Enable blur",
       "clear": "Disable blur"
-    }
+    },
+    "experimental": "Experimental feature. A v2 is coming for full browser support and improved quality."
   },
   "sidePanel": {
     "heading": {

src/frontend/src/locales/fr/rooms.json

@@ -80,7 +80,8 @@
       "normal": "Flou",
       "apply": "Appliquer le flou",
       "clear": "Désactiver le flou"
-    }
+    },
+    "experimental": "Fonctionnalité expérimentale. Une v2 arrive pour un support complet sur tous les navigateurs et une meilleur qualité."
   },
   "sidePanel": {
     "heading": {