feat(shortcut): Keyboard Navigation (#168)

* chore: remove sliding menu

* feat(ui): sheet

* feat: shortcut component

* chore: register new shortcut component to layout

* fix: react attr naming

* fix: set default to false for shortcut

* feat(store): keydown-manager

* feat(hooks): keyboard manager

* chore: use util from base for la-editor

* chore: use util from base for minimal-tiptap-editor

* chore(utils): keyboard

* chore: use new keyboard manager

* fix: uniqueness of certain component

* feat: global key handler

* chore: implement new key handler

web/app/(pages)/layout.tsx

@@ -3,8 +3,9 @@
 import { Sidebar } from "@/components/custom/sidebar/sidebar"
 import { CommandPalette } from "@/components/custom/command-palette/command-palette"
 import { useAccountOrGuest } from "@/lib/providers/jazz-provider"
-import SlidingMenu from "@/components/ui/sliding-menu"
 import { LearnAnythingOnboarding } from "@/components/custom/learn-anything-onboarding"
+import { Shortcut } from "@/components/custom/Shortcut/shortcut"
+import { GlobalKeydownHandler } from "@/components/custom/global-keydown-handler"
 
 export default function PageLayout({ children }: { children: React.ReactNode }) {
 	const { me } = useAccountOrGuest()
@@ -13,11 +14,16 @@ export default function PageLayout({ children }: { children: React.ReactNode })
 		<div className="flex h-full min-h-full w-full flex-row items-stretch overflow-hidden">
 			<Sidebar />
 			<LearnAnythingOnboarding />
+			<GlobalKeydownHandler />
 
-			{me._type !== "Anonymous" && <CommandPalette />}
+			{me._type !== "Anonymous" && (
+				<>
+					<CommandPalette />
+					<Shortcut />
+				</>
+			)}
 
 			<div className="relative flex min-w-0 flex-1 flex-col">
-				<SlidingMenu />
 				<main className="relative flex flex-auto flex-col place-items-stretch overflow-auto lg:my-2 lg:mr-2 lg:rounded-md lg:border">
 					{children}
 				</main>