feat(shortcuts): Add Shortcuts to Help Menu (#1870)

* feat(shortcuts): Add Shortcuts to Help Menu

- Added option of shorcuts in help menu
- Clicking on the shortcut leads to the `Shortcuts.md` file

* fix: l10n and todos

---------

Co-authored-by: Lucas.Xu <lucas.xu@appflowy.io>

frontend/appflowy_flutter/assets/translations/en.json

@@ -71,6 +71,7 @@
   },
   "dialogCreatePageNameHint": "Page name",
   "questionBubble": {
+    "shortcuts": "Shortcuts",
     "whatsNew": "What's new?",
     "help": "Help & Support",
     "debug": {

frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/question_bubble.dart

@@ -64,6 +64,10 @@ class BubbleActionList extends StatelessWidget {
             case BubbleAction.debug:
               _DebugToast().show();
               break;
+            case BubbleAction.shortcuts:
+              _launchURL(
+                  "https://github.com/AppFlowy-IO/AppFlowy-Docs/blob/main/essential-documentation/shortcuts.md");
+              break;
           }
         }
 
@@ -160,7 +164,7 @@ class FlowyVersionDescription extends CustomActionCell {
   }
 }
 
-enum BubbleAction { whatsNews, help, debug }
+enum BubbleAction { whatsNews, help, debug, shortcuts }
 
 class BubbleActionWrapper extends ActionCell {
   final BubbleAction inner;
@@ -182,6 +186,8 @@ extension QuestionBubbleExtension on BubbleAction {
         return LocaleKeys.questionBubble_help.tr();
       case BubbleAction.debug:
         return LocaleKeys.questionBubble_debug_name.tr();
+      case BubbleAction.shortcuts:
+        return LocaleKeys.questionBubble_shortcuts.tr();
     }
   }
 
@@ -193,6 +199,8 @@ extension QuestionBubbleExtension on BubbleAction {
         return '👥';
       case BubbleAction.debug:
         return '🐛';
+      case BubbleAction.shortcuts:
+        return '⌨️';
     }
   }
 }

frontend/appflowy_flutter/packages/appflowy_editor/lib/src/service/shortcut_event/built_in_shortcut_events.dart

@@ -50,14 +50,14 @@ List<ShortcutEvent> builtInShortcutEvents = [
     handler: cursorDownSelect,
   ),
   ShortcutEvent(
-    key: 'Cursor down select',
+    key: 'Cursor left word select',
     command: 'shift+alt+arrow left',
     windowsCommand: 'shift+alt+arrow left',
     linuxCommand: 'shift+alt+arrow left',
     handler: cursorLeftWordSelect,
   ),
   ShortcutEvent(
-    key: 'Cursor down select',
+    key: 'Cursor right word select',
     command: 'shift+alt+arrow right',
     windowsCommand: 'shift+alt+arrow right',
     linuxCommand: 'shift+alt+arrow right',