fix: Add close event to fileviewer modals (#1130)

[SBISSUE-15945](https://sendbird.atlassian.net/browse/SBISSUE-15945)

Author: HoonBaek

src/modules/GroupChannel/components/FileViewer/FileViewerView.tsx

@@ -78,7 +78,7 @@ export const FileViewerComponent = ({
   disableDelete,
   onDownloadClick,
 }: FileViewerUIProps) => (
-  <Modal>
+  <Modal onClose={onCancel}>
     <div className="sendbird-fileviewer" data-testid="sendbird-fileviewer">
       <div className="sendbird-fileviewer__header">
         <div className="sendbird-fileviewer__header__left">

src/ui/FileViewer/index.tsx

@@ -39,7 +39,7 @@ export const FileViewerComponent = (props: FileViewerComponentProps): ReactEleme
   const { stringSet } = useContext(LocalizationContext);
 
   return (
-    <Modal>
+    <Modal onClose={onClose}>
       <div
         className="sendbird-fileviewer"
         data-testid="sendbird-fileviewer"

src/ui/Modal/index.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement, ReactNode, useContext, MouseEvent, useState, useEffect } from 'react';
+import React, { ReactElement, ReactNode, useContext, MouseEvent, useState, useEffect, KeyboardEvent } from 'react';
 import { createPortal } from 'react-dom';
 
 import './index.scss';
@@ -87,7 +87,7 @@ export interface ModalProps {
   disabled?: boolean;
   hideFooter?: boolean;
   type?: ButtonTypes;
-  onClose?: () => void;
+  onClose?: (e?: MouseEvent | KeyboardEvent) => void;
   onSubmit?: (...args: any[]) => void;
   renderHeader?: () => ReactElement;
   customFooter?: ReactNode;