feat: add dropdown component

inertia/components/common/navigation/back_to_dashboard.tsx

@@ -0,0 +1,21 @@
+import KEYS from '#constants/keys';
+import PATHS from '#constants/paths';
+import { router } from '@inertiajs/react';
+import { ReactNode } from 'react';
+import { useHotkeys } from 'react-hotkeys-hook';
+import useGlobalHotkeys from '~/hooks/use_global_hotkeys';
+import useSearchParam from '~/hooks/use_search_param';
+import { appendCollectionId } from '~/lib/navigation';
+
+export default function BackToDashboard({ children }: { children: ReactNode }) {
+  const collectionId = useSearchParam('collectionId');
+  const { globalHotkeysEnabled } = useGlobalHotkeys();
+  useHotkeys(
+    KEYS.ESCAPE_KEY,
+    () => {
+      router.visit(appendCollectionId(PATHS.DASHBOARD, collectionId));
+    },
+    { enabled: globalHotkeysEnabled, enableOnFormTags: ['INPUT'] }
+  );
+  return <>{children}</>;
+}