feat: MemeDetailPage에서 웹뷰 상태 관리 및 공유 기능 개선

- 웹뷰 상태를 관리하기 위해 useState 훅을 추가하고, onNativeEntered 이벤트에 따라 상태를 업데이트함
- 공유 버튼 클릭 시 웹뷰 상태에 따라 적절한 동작을 수행하도록 로직을 수정함
- 사용자 경험을 향상시키기 위해 웹 접속 시 알림 메시지를 제거함

Author: Cllaude99

apps/web/src/pages/MemeDetailPage/index.tsx

@@ -10,10 +10,11 @@ import * as S from './MemeDetailPage.styles';
 import { useTheme } from '@emotion/react';
 import { useParams } from 'react-router-dom';
 import { useMemeDetailQuery } from '@meme_wiki/apis';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { BridgeCommand, COMMAND_TYPE, CommandType } from '@/types/bridge';
 
 const MemeDetailPage = () => {
+  const [isWebview, setIsWebview] = useState(false);
   const { memeId } = useParams();
   const { data: memeDetail } = useMemeDetailQuery(memeId!);
 
@@ -22,9 +23,9 @@ const MemeDetailPage = () => {
   useEffect(() => {
     window.onNativeEntered = (command: BridgeCommand<CommandType>) => {
       if (command.type === COMMAND_TYPE.APP_ENTERED) {
-        alert('앱 접속!');
+        setIsWebview(true);
       } else {
-        alert('웹 접속!');
+        setIsWebview(false);
       }
     };
 
@@ -71,10 +72,14 @@ const MemeDetailPage = () => {
       <S.ButtonContainer>
         <S.ActionButton
           onClick={() => {
-            nativeBridge.shareMeme({
-              title: memeDetail?.success.title ?? '',
-              image: memeDetail?.success.imgUrl ?? '',
-            });
+            if (isWebview) {
+              nativeBridge.shareMeme({
+                title: memeDetail?.success.title ?? '',
+                image: memeDetail?.success.imgUrl ?? '',
+              });
+            } else {
+              alert('밈 공유하기 클릭!');
+            }
           }}
         >
           <ShareIcon />