fixup! ✨(frontend) make components accessible to screen readers

Author: Ovgodd

src/frontend/apps/impress/src/components/DropdownMenu.tsx

@@ -11,7 +11,7 @@ import { css } from 'styled-components';
 
 import { Box, BoxButton, BoxProps, DropButton, Icon, Text } from '@/components';
 import { useCunninghamTheme } from '@/cunningham';
-import { useDropdownKeyboardNav } from '@/features/docs/doc-tree/hooks/useDropdownKeyboardNav';
+import { useDropdownKeyboardNav } from '@/hook/useDropdownKeyboardNav';
 
 export type DropdownMenuOption = {
   icon?: string;

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -13,6 +13,7 @@ import { useCunninghamTheme } from '@/cunningham';
 import { Doc, useTrans } from '@/features/docs/doc-management';
 import { useActionableMode } from '@/features/docs/doc-tree/hooks/useActionableMode';
 import { useLeftPanelStore } from '@/features/left-panel';
+import { useDropdownKeyboardNav } from '@/hook/useDropdownKeyboardNav';
 import { useResponsiveStore } from '@/stores';
 
 import { useKeyboardActivation } from '../hooks/useKeyboardActivation';
@@ -82,6 +83,14 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
   };
 
   useKeyboardActivation(['Enter', ' '], isActive, handleActivate, true);
+  useDropdownKeyboardNav({
+    isOpen: menuOpen,
+    focusedIndex: 0,
+    options: [],
+    menuItemRefs: { current: [] as HTMLDivElement[] },
+    setFocusedIndex: () => {},
+    onOpenChange: setMenuOpen,
+  });
 
   // prepare the text for the screen reader
   const docTitle = doc.title || untitledDocument;

src/frontend/apps/impress/src/features/docs/doc-tree/hooks/useDropdownKeyboardNav.ts renamed to src/frontend/apps/impress/src/hook/useDropdownKeyboardNav.ts

@@ -1,9 +1,8 @@
-// src/features/docs/doc-tree/hooks/useDropdownKeyboardNav.ts
 import { RefObject, useEffect } from 'react';
 
 import { DropdownMenuOption } from '@/components/DropdownMenu';
 
-import { useKeyboardActivation } from './useKeyboardActivation';
+import { useKeyboardActivation } from '../features/docs/doc-tree/hooks/useKeyboardActivation';
 
 type UseDropdownKeyboardNavProps = {
   isOpen: boolean;