Room 컴포넌트에 UserRole컴포넌트 적용

@@ -9,6 +9,7 @@ import { Ready } from '../components/room/Ready';
 import { RoomInfo } from '../components/room/RoomInfo';
 import { RoomInfo } from '../components/room/RoomInfo';
 import { RoomData, UpdateRoomUser } from '../components/room/types';
 import { RoomData, UpdateRoomUser } from '../components/room/types';
 import { UserInfo } from '../components/room/UserInfo';
 import { UserInfo } from '../components/room/UserInfo';
+import { UserRole } from '../components/room/UserRole';
 import { UserStatus } from '../components/room/UserStatus';
 import { UserStatus } from '../components/room/UserStatus';
 import SocketContext from '../contexts/SocketContext';
 import SocketContext from '../contexts/SocketContext';
 
 
@@ -106,8 +107,9 @@ export const Room: React.FC = () => {
   return (
   return (
     <Main>
     <Main>
       <RoomInfo roomData={roomData}/>
       <RoomInfo roomData={roomData}/>
-      <div className='w-full flex'>
-        {/* 게임보드를 계속 살려둬서 리스너를 항상 열어놓도록 하자 */}
+      <div className='w-full flex justify-center'>
+        {/* 게임보드와 유저롤을 계속 살려둬서 리스너를 항상 열어놓도록 하자 */}
+        <UserRole isInGame={isInGame} />
         <GameBoard isInGame={isInGame} />
         <GameBoard isInGame={isInGame} />
         {
         {
           isInGame ? (
           isInGame ? (