💄(frontend) adjust font size based on Marianne recent changes

Marianne is bigger than OpenSans, adjust admin side panel style.

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

@@ -37,7 +37,14 @@ export const Admin = () => {
       flexDirection="column"
       alignItems="start"
     >
-      <Text variant="note" wrap="pretty" margin="md">
+      <Text
+        variant="note"
+        wrap="pretty"
+        className={css({
+          textStyle: 'sm',
+        })}
+        margin={'md'}
+      >
         {t('description')}
       </Text>
       <RACSeparator
@@ -68,8 +75,8 @@ export const Admin = () => {
       </Text>
       <Field
         type="radioGroup"
-        label="Type d'accès à la réunion"
+        label={t('access.type')}
-        aria-label="Type d'accès à la réunion"
+        aria-label={t('access.type')}
         labelProps={{
           className: css({
             fontSize: '1rem',

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

@@ -189,6 +189,7 @@
     "access": {
       "title": "",
       "description": "",
+      "type": "",
       "levels": {
         "public": {
           "label": "",

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

@@ -188,6 +188,7 @@
     "access": {
       "title": "Room access",
       "description": "These settings will also apply to future occurrences of this meeting.",
+      "type": "Meeting access types",
       "levels": {
         "public": {
           "label": "Open",

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

@@ -188,6 +188,7 @@
     "access": {
       "title": "Accès à la réunion",
       "description": "Ces paramètres s'appliqueront également aux futures occurrences de cette réunion.",
+      "type": "Type d'accès à la réunion",
       "levels": {
         "public": {
           "label": "Ouvrir",

src/frontend/src/locales/nl/rooms.json

@@ -188,6 +188,7 @@
     "access": {
       "title": "Toegang tot vergadering",
       "description": "Deze instellingen zijn ook van toepassing op toekomstige sessies van deze vergadering.",
+      "type": "Vergaderings toegangstypen",
       "levels": {
         "public": {
           "label": "Open",

src/frontend/src/primitives/Field.tsx

@@ -218,8 +218,10 @@ export const Field = <T extends object>({
                   {item.description && (
                     <Text
                       variant="note"
+                      wrap={'pretty'}
                       className={css({
                         textStyle: 'sm',
+                        marginBottom: '0.5rem',
                       })}
                     >
                       {item.description}