fix(media widget): text size fix and added season + Episode info (#6605)

Co-authored-by: Thomas <thomas@ajnart.fr>

packages/widgets/src/firewall/component.tsx

@@ -386,7 +386,7 @@ const InterfacesPanel = ({
       variant={isAdvanced ? "contained" : "default"}
     >
       <Accordion.Item value="interfaces">
-        <Accordion.Control icon={<IconTopologyBus size={16} />}>
+        <Accordion.Control icon={<IconTopologyBus size="var(--mantine-font-size-md)" />}>
           <Group justify="space-between" wrap="nowrap" gap="xs">
             <Text size="xs">{label}</Text>
             {hasError && (
@@ -410,7 +410,7 @@ const InterfacesPanel = ({
                 </Text>
                 <Group gap={4} wrap="nowrap">
                   <IconArrowBarUp
-                    size={12}
+                    size="var(--mantine-font-size-xs)"
                     color="light-dark(var(--mantine-color-green-8), var(--mantine-color-green-3))"
                   />
                   <Text size="xs" c="light-dark(var(--mantine-color-green-8), var(--mantine-color-green-3))">
@@ -419,7 +419,7 @@ const InterfacesPanel = ({
                 </Group>
                 <Group gap={4} wrap="nowrap">
                   <IconArrowBarDown
-                    size={12}
+                    size="var(--mantine-font-size-xs)"
                     color="light-dark(var(--mantine-color-yellow-9), var(--mantine-color-yellow-3))"
                   />
                   <Text size="xs" c="light-dark(var(--mantine-color-yellow-9), var(--mantine-color-yellow-3))">