Fix: 문제지 선택 시 모든 유저가 요청 보내는 문제 수정

frontend/app/(page)/(needProtection)/game/component/AnswerSpot.tsx

@@ -2,7 +2,12 @@ import { Center, Cylinder, Text3D } from '@react-three/drei'
 import { CylinderCollider, RigidBody } from '@react-three/rapier'
 import React, { useEffect } from 'react'
 import { AnswerEnum, gameStateEnum } from '../lib/store-type'
-import { useAnswerSelectStore, useGameRoomStore, useRoundResultStore } from '../lib/store'
+import {
+  useAnswerSelectStore,
+  useGameRoomStore,
+  usePlayerStore,
+  useRoundResultStore,
+} from '../lib/store'
 import { useGame } from '@/app/hooks/useSocket'
 
 const AnswerSpot = () => {
@@ -12,6 +17,9 @@ const AnswerSpot = () => {
   const { gameState } = useGameRoomStore((state) => ({
     gameState: state.gameState,
   }))
+  const { playerHandle } = usePlayerStore((state) => ({
+    playerHandle: state.playerHandle,
+  }))
 
   useEffect(() => {
     if (gameState === gameStateEnum.COUNTDOWN) {
@@ -25,8 +33,10 @@ const AnswerSpot = () => {
         <RigidBody
           colliders={false}
           type="fixed"
-          onCollisionEnter={() => {
-            setSelectAnswer(answer as AnswerEnum)
+          onCollisionEnter={(event) => {
+            if (event.collider.handle === playerHandle) {
+              setSelectAnswer(answer as AnswerEnum)
+            }
             selectAnswerField(answer as AnswerEnum)
           }}
         >