fix(desktop): update keyboard shortcuts and CSS for improved functionality

- Added additional key options for scrolling actions and next entry command.
- Updated the command hotkey for focusing on the timeline to include Escape.
- Modified CSS to prevent overflow on the HTML element.

This enhances user experience by providing more flexible keyboard shortcuts and improving layout handling.

Signed-off-by: Innei <[email protected]>

Author: Innei

apps/desktop/layer/renderer/src/constants/shortcuts.ts

@@ -102,11 +102,11 @@ const shortcutConfigs = {
     },
     scrollUp: {
       name: tShortcuts("keys.entry.scrollUp"),
-      key: "K",
+      key: "K, ArrowUp",
     },
     scrollDown: {
       name: tShortcuts("keys.entry.scrollDown"),
-      key: "J",
+      key: "J, ArrowDown",
     },
     nextEntry: {
       name: tShortcuts("keys.entries.next"),

apps/desktop/layer/renderer/src/modules/entry-content/index.electron.tsx

@@ -366,7 +366,7 @@ const RegisterCommands = ({
   useCommandHotkey({
     commandId: COMMAND_ID.layout.focusToTimeline,
     when,
-    shortcut: "Backspace",
+    shortcut: "Backspace, Escape",
   })
 
   const { highlightBoundary } = useFocusActions()

apps/desktop/layer/renderer/src/styles/base.css

@@ -2,6 +2,10 @@ html,
 #shadow-html {
   --fo-font-family: "SN Pro", system-ui, sans-serif;
 }
+
+html {
+  overflow: hidden;
+}
 :root {
   --sat: env(safe-area-inset-top);
   --sar: env(safe-area-inset-right);