Refactor into grpc events

src-web/components/core/HotKeyList.tsx

@@ -6,9 +6,10 @@ import { HStack, VStack } from './Stacks';
 
 interface Props {
   hotkeys: HotkeyAction[];
+  bottomSlot?: React.ReactNode;
 }
 
-export const HotKeyList = ({ hotkeys }: Props) => {
+export const HotKeyList = ({ hotkeys, bottomSlot }: Props) => {
   return (
     <div className="mx-auto h-full flex items-center text-gray-700 text-sm">
       <VStack space={2}>
@@ -18,6 +19,7 @@ export const HotKeyList = ({ hotkeys }: Props) => {
             <HotKey className="ml-auto" action={hotkey} />
           </HStack>
         ))}
+        {bottomSlot}
       </VStack>
     </div>
   );