feat: add board options dropdown and pipeline stage creation (#1399)

* feat: add board options dropdown and pipeline stage creation

Closes #1395

* refactor: code review

- remove useCallback

front/src/modules/ui/board/components/BoardOptionsDropdown.tsx

@@ -1,14 +1,32 @@
 import { DropdownButton } from '@/ui/dropdown/components/DropdownButton';
+import type { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+
+import { BoardColumnDefinition } from '../types/BoardColumnDefinition';
+import { BoardOptionsDropdownKey } from '../types/BoardOptionsDropdownKey';
 
 import { BoardOptionsDropdownButton } from './BoardOptionsDropdownButton';
 import { BoardOptionsDropdownContent } from './BoardOptionsDropdownContent';
 
-export function BoardOptionsDropdown() {
+type BoardOptionsDropdownProps = {
+  customHotkeyScope: HotkeyScope;
+  onStageAdd?: (boardColumn: BoardColumnDefinition) => void;
+};
+
+export function BoardOptionsDropdown({
+  customHotkeyScope,
+  onStageAdd,
+}: BoardOptionsDropdownProps) {
   return (
     <DropdownButton
-      dropdownKey="options"
       buttonComponents={<BoardOptionsDropdownButton />}
-      dropdownComponents={<BoardOptionsDropdownContent />}
-    ></DropdownButton>
+      dropdownComponents={
+        <BoardOptionsDropdownContent
+          customHotkeyScope={customHotkeyScope}
+          onStageAdd={onStageAdd}
+        />
+      }
+      dropdownHotkeyScope={customHotkeyScope}
+      dropdownKey={BoardOptionsDropdownKey}
+    />
   );
 }