Handle esc key in settings

CHANGELOG.md

@@ -26,6 +26,7 @@
 - constrain size of webxdc window by available screen-workarea-space #4683
 - fix that in html email view links without schema didn't open in browser #4690
 - fix clicking on the same anchor multiple timed disn't work in html email view #4690
+- close second level settings form with Escape key #4128
 
 <a id="1_54_1"></a>
 

packages/frontend/src/components/Settings/Settings.tsx

@@ -34,6 +34,19 @@ export default function Settings({ onClose }: DialogProps) {
   const tx = useTranslationFunction()
   const [settingsMode, setSettingsMode] = useState<SettingsView>('main')
 
+  useEffect(() => {
+    document.onkeydown = (evt: KeyboardEvent) => {
+      if (
+        window.__settingsOpened &&
+        evt.key === 'Escape' &&
+        settingsMode !== 'main'
+      ) {
+        evt.preventDefault()
+        setSettingsMode('main')
+      }
+    }
+  }, [settingsMode])
+
   useEffect(() => {
     if (window.__settingsOpened) {
       throw new Error(