feat: promote GlobalModal to be the default component for displaying modals

Author: MartinCupela

src/components/MessageBounce/MessageBounceModal.tsx

@@ -1,7 +1,6 @@
 import type { ComponentType, PropsWithChildren } from 'react';
 import React from 'react';
-import type { ModalProps } from '../Modal';
-import { Modal as DefaultModal } from '../Modal';
+import { GlobalModal, type ModalProps } from '../Modal';
 import { MessageBounceProvider, useComponentContext } from '../../context';
 import type { MessageBouncePromptProps } from './MessageBouncePrompt';
 
@@ -15,7 +14,7 @@ export function MessageBounceModal({
   MessageBouncePrompt,
   ...modalProps
 }: MessageBounceModalProps) {
-  const { Modal = DefaultModal } = useComponentContext();
+  const { Modal = GlobalModal } = useComponentContext();
   return (
     <Modal className='str-chat__message-bounce-modal' {...modalProps}>
       <MessageBounceProvider>

src/components/Reactions/ReactionsListModal.tsx

@@ -3,14 +3,14 @@ import clsx from 'clsx';
 
 import type { ReactionDetailsComparator, ReactionSummary, ReactionType } from './types';
 
-import { Modal as DefaultModal } from '../Modal';
+import type { ModalProps } from '../Modal';
+import { GlobalModal } from '../Modal';
 import { useFetchReactions } from './hooks/useFetchReactions';
 import { LoadingIndicator } from '../Loading';
 import { Avatar } from '../Avatar';
+import type { MessageContextValue } from '../../context';
 import { useComponentContext, useMessageContext } from '../../context';
 import type { ReactionSort } from 'stream-chat';
-import type { ModalProps } from '../Modal';
-import type { MessageContextValue } from '../../context';
 
 export type ReactionsListModalProps = ModalProps &
   Partial<Pick<MessageContextValue, 'handleFetchReactions' | 'reactionDetailsSort'>> & {
@@ -33,7 +33,7 @@ export function ReactionsListModal({
   sortReactionDetails: propSortReactionDetails,
   ...modalProps
 }: ReactionsListModalProps) {
-  const { Modal = DefaultModal } = useComponentContext();
+  const { Modal = GlobalModal } = useComponentContext();
   const selectedReaction = reactions.find(
     ({ reactionType }) => reactionType === selectedReactionType,
   );