Improve keyboard shortcuts order (#333)

.changeset/eighty-pears-deny.md

@@ -0,0 +1,5 @@
+---
+'playroom': patch
+---
+
+In the Settings Panel, sort keyboard shortcuts order by most frequently and widely used. Related shortcuts are grouped together.

src/Playroom/SettingsPanel/SettingsPanel.tsx

@@ -24,21 +24,18 @@ const getKeyBindings = () => {
   const metaKeySymbol = isMac() ? '⌘' : 'Ctrl';
   const altKeySymbol = isMac() ? '⌥' : 'Alt';
 
-  // Sort shortcuts alphabetically
-  /* eslint sort-keys: "error" */
   return {
-    'Add cursor to next line': [metaKeySymbol, altKeySymbol, '↓'],
-    'Add cursor to prev line': [metaKeySymbol, altKeySymbol, '↑'],
-    'Duplicate line down': ['⇧', altKeySymbol, '↓'],
-    'Duplicate line up': ['⇧', altKeySymbol, '↑'],
+    'Toggle comment': [metaKeySymbol, '/'],
+    'Wrap selection in tag': [metaKeySymbol, '⇧', ','],
     'Format code': [metaKeySymbol, 'S'],
     'Select next occurrence': [metaKeySymbol, 'D'],
-    'Swap line down': [altKeySymbol, '↓'],
     'Swap line up': [altKeySymbol, '↑'],
-    'Toggle comment': [metaKeySymbol, '/'],
-    'Wrap selection in tag': [metaKeySymbol, '⇧', ','],
+    'Swap line down': [altKeySymbol, '↓'],
+    'Duplicate line up': ['⇧', altKeySymbol, '↑'],
+    'Duplicate line down': ['⇧', altKeySymbol, '↓'],
+    'Add cursor to prev line': [metaKeySymbol, altKeySymbol, '↑'],
+    'Add cursor to next line': [metaKeySymbol, altKeySymbol, '↓'],
   };
-  /* eslint-disable sort-keys */
 };
 
 const positionIcon: Record<EditorPosition, ReactChild> = {