Fix: fix hotkey arrows (#8583)

src-ui/src/app/components/common/hotkey-dialog/hotkey-dialog.component.spec.ts

@@ -29,7 +29,7 @@ describe('HotkeyDialogComponent', () => {
   })
 
   it('should format keys', () => {
-    expect(component.formatKey('control.a')).toEqual('⌃ + a') // ⌃ + a
-    expect(component.formatKey('control.a', true)).toEqual('⌘ + a') // ⌘ + a
+    expect(component.formatKey('control.a')).toEqual('⌃ a') // ⌃ + a
+    expect(component.formatKey('control.a', true)).toEqual('⌘ a') // ⌘ + a
   })
 })

src-ui/src/app/components/common/hotkey-dialog/hotkey-dialog.component.ts

@@ -9,6 +9,8 @@ const SYMBOLS = {
   right: '→', // →
   up: '↑', // ↑
   down: '↓', // ↓
+  arrowleft: '←', // ←
+  arrowright: '→', // →
 }
 
 @Component({
@@ -33,6 +35,6 @@ export class HotkeyDialogComponent {
     return key
       .split('.')
       .map((k) => SYMBOLS[k] || k)
-      .join(' + ')
+      .join(' ')
   }
 }