ui-core: sync RadioGroup value prop with internal state

Signed-off-by: Mathieu <mathieu.coulibaly@sncf.fr>

Author: Caracol3

front/ui/ui-core/src/components/RadioGroup.tsx

@@ -1,4 +1,4 @@
-import React, { type ChangeEvent, useState } from 'react';
+import React, { type ChangeEvent, useEffect, useState } from 'react';
 
 import { RequiredInput } from '@osrd-project/ui-icons';
 import cx from 'classnames';
@@ -34,6 +34,12 @@ const RadioGroup = ({
 }: RadioGroupProps) => {
   const [selectedValue, setSelectedValue] = useState<string | undefined>(value);
 
+  useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+
+  const statusClassname = statusWithMessage?.status ? { [statusWithMessage.status]: true } : {};
+
   const handleOptionChange = (e: ChangeEvent<HTMLInputElement>, nextOption: RadioButtonProps) => {
     if (!readOnly) {
       setSelectedValue(nextOption.value);
@@ -42,8 +48,6 @@ const RadioGroup = ({
     }
   };
 
-  const statusClassname = statusWithMessage?.status ? { [statusWithMessage.status]: true } : {};
-
   return (
     <div className={cx('ui-radio-button-wrapper', statusClassname)}>
       {label && (