feat(web): Add keyboard shortcuts to migrate backward/forward buttons in event form

Author: that-one-arab

packages/web/src/views/Forms/EventForm/MigrateBackwardButton.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 import styled from "styled-components";
+import { getMetaKey } from "@web/common/utils/shortcut.util";
+import { Text } from "@web/components/Text";
 import TooltipIconButton from "@web/components/TooltipIconButton/TooltipIconButton";
 
 const StyledMigrateBackwardButton = styled.div`
@@ -27,6 +29,11 @@ export const MigrateBackwardButton = ({
       tooltipProps={{
         description: tooltipText,
         onClick,
+        shortcut: (
+          <Text size="s" style={{ display: "flex", alignItems: "center" }}>
+            Ctrl + {getMetaKey()} + Left
+          </Text>
+        ),
       }}
     />
   );

packages/web/src/views/Forms/EventForm/MigrateForwardButton.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 import styled from "styled-components";
+import { getMetaKey } from "@web/common/utils/shortcut.util";
+import { Text } from "@web/components/Text";
 import TooltipIconButton from "@web/components/TooltipIconButton/TooltipIconButton";
 
 const StyledMigrateForwardButton = styled.div`
@@ -27,6 +29,11 @@ export const MigrateForwardButton = ({
       tooltipProps={{
         description: tooltipText,
         onClick,
+        shortcut: (
+          <Text size="s" style={{ display: "flex", alignItems: "center" }}>
+            Ctrl + {getMetaKey()} + Right
+          </Text>
+        ),
       }}
     />
   );