feat: MemeDetailPage에서 네이티브 이벤트 핸들러의 타입 정의 수정

- onNativeEntered 핸들러의 매개변수를 string에서 BridgeCommand<CommandType>으로 변경하여 타입 안전성을 향상시킴
- 관련 타입 정의를 업데이트하여 코드의 일관성을 유지함

Author: Cllaude99

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

@@ -11,7 +11,7 @@ import { useTheme } from '@emotion/react';
 import { useParams } from 'react-router-dom';
 import { useMemeDetailQuery } from '@meme_wiki/apis';
 import { useEffect } from 'react';
-import { COMMAND_TYPE } from '@/types/bridge';
+import { BridgeCommand, COMMAND_TYPE, CommandType } from '@/types/bridge';
 
 const MemeDetailPage = () => {
   const { memeId } = useParams();
@@ -20,8 +20,8 @@ const MemeDetailPage = () => {
   const theme = useTheme();
 
   useEffect(() => {
-    window.onNativeEntered = (type: string) => {
-      if (type === COMMAND_TYPE.APP_ENTERED) {
+    window.onNativeEntered = (command: BridgeCommand<CommandType>) => {
+      if (command.type === COMMAND_TYPE.APP_ENTERED) {
         alert('앱 접속!');
       } else {
         alert('웹 접속!');

apps/web/src/types/bridge.ts

@@ -41,6 +41,6 @@ declare global {
         };
       };
     };
-    onNativeEntered?: (type: string) => void;
+    onNativeEntered?: (command: BridgeCommand<CommandType>) => void;
   }
 }