[#3450] change text-size using arrow-keys

This PR add onKeyDown event listener to input
field and check for up or down key press and
updates the font size.

Author: karanBRAVO

client/modules/IDE/components/Preferences/index.jsx

@@ -179,6 +179,13 @@ export default function Preferences() {
                 onClick={() => {
                   fontSizeInputRef.current?.select();
                 }}
+                onKeyDown={(event) => {
+                  if (event.key === 'ArrowUp') {
+                    increaseFontSize();
+                  } else if (event.key === 'ArrowDown') {
+                    decreaseFontSize();
+                  }
+                }}
               />
             </form>
             <button