fix(web/menu): set pointer events to none on body div

Fixes and issue where you could click the menu to take away focus and make it non interactable

web/src/features/menu/list/ListItem.tsx

@@ -15,7 +15,6 @@ const ListItem = forwardRef<Array<HTMLDivElement | null>, Props>(({ item, index,
       bg="#25262B"
       borderRadius="md"
       tabIndex={index}
-      pointerEvents="none"
       p={2}
       height="60px"
       key={`item-${index}`}

web/src/features/menu/list/index.tsx

@@ -105,6 +105,7 @@ const ListMenu: React.FC = () => {
     <>
       <Box
         position="absolute"
+        pointerEvents="none"
         pt={menu.position === "top-left" || menu.position === "top-right" ? 5 : 0}
         pl={menu.position === "top-left" || menu.position === "bottom-left" ? 5 : 0}
         pr={menu.position === "top-right" || menu.position === "bottom-right" ? 5 : 0}