fix(message-prompts): story and test

Author: stephl3

chat/message-prompts/src/MessagePrompts.stories.tsx

@@ -5,7 +5,7 @@ import {
   StoryMetaType,
 } from '@lg-tools/storybook-utils';
 import { StoryFn, StoryObj } from '@storybook/react';
-import { expect, userEvent, within } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import { MessagePrompt, MessagePrompts, MessagePromptsProps } from '.';
 
@@ -118,7 +118,7 @@ export const SelectedWithHideOnSelect: StoryObj<MessagePromptsProps> = {
     expect(firstPrompt).toHaveAttribute('aria-pressed', 'true');
 
     // After selection with enableHideOnSelect, prompts should not be visible
-    expect(firstPrompt).not.toBeVisible();
+    await waitFor(() => expect(firstPrompt).not.toBeVisible());
   },
   parameters: {
     chromatic: {

chat/message-prompts/src/MessagePrompts/MessagePrompts.styles.ts

@@ -29,7 +29,6 @@ const transitionStyles = css`
 `;
 
 const hiddenWrapperStyles = css`
-  pointer-events: none;
   grid-template-rows: 0fr;
   opacity: 0;
   transform: scale(0.8);