fix: "disappearing messages" dialog wrong value

The bug was introduced in 0e0d0b8,
where we switched from the Blueprint's `RadioGroup` to our
custom `RadioGroup`, which had the bug where it would not
reflect the actual value if it was changed programmatically.
This commit fixes that bug.

The bug in `Radio` existed ever since its introduction.
The reason for using `defaultChecked` instead of `checked`
probably was the fact that React would complain that
"input doesn't have `onChange` listener set,
use `defaultChecked` instead".

I have ligtly checked that "disappearing messages"
is the only affected place.

CHANGELOG.md

@@ -7,6 +7,7 @@
 ## Changed
 
 ## Fixed
+- "Disappearing Messages" dialog not reflecting the actual current value #4327
 
 <a id="1_48_0"></a>
 

packages/frontend/src/components/Radio.tsx

@@ -32,9 +32,12 @@ export default function Radio({
         id={id}
         name={name}
         type='radio'
-        onClick={() => onSelect && onSelect()}
+        // > change event fires
+        // > When a <input type="radio"> element is checked
+        // > (but not when unchecked);
+        onChange={() => onSelect && onSelect()}
         value={value}
-        defaultChecked={Boolean(selected)}
+        checked={Boolean(selected)}
       />
       <label
         htmlFor={id}