Allow scrolling through keybindings

        dispatch({ action: "CLOSE_DIALOG", dialogId: "KEYBINDS" })

      }

      placement="center"

      scrollBehavior="inside"

      classNames={{ wrapper: "overflow-hidden" }}

    >

      <ModalContent className="canvas-overlay-card">

      <ModalContent className="canvas-overlay-card max-h-[calc(100dvh-2rem)] overflow-hidden">

        {(onClose) => (

          <>

            <ModalHeader className="flex flex-col gap-1">Keybinds</ModalHeader>

            <ModalBody>

            <ModalBody className="overflow-y-auto overscroll-contain">

              {Object.entries(KeybindManager.getKeybinds()).map(

                ([name, kbs]) => (

                  <div className="flex flex-row gap-2">

                  <div key={name} className="flex flex-row gap-2">

                    <span>{name}</span>

                    {kbs.map((kb) => (

                      <Keybind kb={kb} />

                    {kbs.map((kb, index) => (

                      <Keybind key={`${name}-${index}`} kb={kb} />

                    ))}

                  </div>

                ),