Update keyboard shortcut hints in ObjectTableNavigationButtons for clarity

- Changed the keyboard shortcut hints from 'ALT LEFT' and 'ALT RIGHT' to 'ALT ←' and 'ALT →' respectively, enhancing visual clarity for users.
- This update aligns with the overall goal of improving user experience and accessibility in navigation.

src/components/Dashboard/common/EditButtons.jsx

@@ -2,6 +2,7 @@ import { Button, Space } from 'antd'
 import CheckIcon from '../../Icons/CheckIcon.jsx'
 import XMarkIcon from '../../Icons/XMarkIcon.jsx'
 import EditIcon from '../../Icons/EditIcon.jsx'
+import KeyboardShortcut from './KeyboardShortcut.jsx'
 import PropTypes from 'prop-types'
 
 const EditButtons = ({
@@ -15,26 +16,56 @@ const EditButtons = ({
 }) => {
   return isEditing ? (
     <Space size='small'>
-      <Button
+      <KeyboardShortcut
-        icon={<CheckIcon />}
+        shortcut='alt+s'
-        type='primary'
+        hint='ALT S'
-        onClick={handleUpdate}
+        onTrigger={() => {
-        loading={loading}
+          if (!disabled && !loading && formValid) {
-        disabled={loading || !formValid || disabled}
+            handleUpdate()
-      />
+          }
-      <Button
+        }}
-        icon={<XMarkIcon />}
+      >
-        onClick={cancelEditing}
+        <Button
-        disabled={loading || disabled}
+          icon={<CheckIcon />}
-      />
+          type='primary'
+          onClick={handleUpdate}
+          loading={loading}
+          disabled={loading || !formValid || disabled}
+        />
+      </KeyboardShortcut>
+      <KeyboardShortcut
+        shortcut='alt+c'
+        hint='ALT C'
+        onTrigger={() => {
+          if (!disabled && !loading) {
+            cancelEditing()
+          }
+        }}
+      >
+        <Button
+          icon={<XMarkIcon />}
+          onClick={cancelEditing}
+          disabled={loading || disabled}
+        />
+      </KeyboardShortcut>
     </Space>
   ) : (
-    <Button
+    <KeyboardShortcut
-      icon={<EditIcon />}
+      shortcut='alt+e'
-      onClick={startEditing}
+      hint='ALT E'
-      loading={loading}
+      onTrigger={() => {
-      disabled={disabled || loading}
+        if (!disabled && !loading) {
-    />
+          startEditing()
+        }
+      }}
+    >
+      <Button
+        icon={<EditIcon />}
+        onClick={startEditing}
+        loading={loading}
+        disabled={disabled || loading}
+      />
+    </KeyboardShortcut>
   )
 }
 

src/components/Dashboard/common/ObjectTableNavigationButtons.jsx

@@ -98,7 +98,7 @@ const ObjectTableNavigationButtons = ({
       <Space size='small'>
         <KeyboardShortcut
           shortcut='alt+arrowleft'
-          hint='ALT LEFT'
+          hint='ALT ←'
           onTrigger={useCallback(() => {
             if (!disabled && !loading && neighbors.previous?._id) {
               handlePrevious()
@@ -113,7 +113,7 @@ const ObjectTableNavigationButtons = ({
         </KeyboardShortcut>
         <KeyboardShortcut
           shortcut='alt+arrowright'
-          hint='ALT RIGHT'
+          hint='ALT →'
           onTrigger={useCallback(() => {
             if (!disabled && !loading && neighbors.next?._id) {
               handleNext()