RoomInfo와 RoundInfo 폴리싱

@@ -10,7 +10,7 @@ interface RoomInfoProps {
 
 
 export const RoomInfo: React.FC<RoomInfoProps> = ({ roomData }) => {
 export const RoomInfo: React.FC<RoomInfoProps> = ({ roomData }) => {
   return (
   return (
-    <div className='m-3 mb-8 w-5/6 flex items-center place-content-between'>
+    <div className='m-3 my-8 w-5/6 flex items-center place-content-between'>
       <div>{roomData.name}</div>
       <div>{roomData.name}</div>
       <div>{roomData.users.length}/{roomData.maxUsers}</div>
       <div>{roomData.users.length}/{roomData.maxUsers}</div>
     </div>
     </div>

 import React from 'react';
 import React from 'react';
 import SocketContext from '../../contexts/SocketContext';
 import SocketContext from '../../contexts/SocketContext';
+import { Timer } from './Timer';
 import { RoundData } from './types';
 import { RoundData } from './types';
 
 
 interface RoundInfoProps {
 interface RoundInfoProps {
@@ -10,9 +11,9 @@ interface RoundInfoProps {
 export const RoundInfo: React.FC<RoundInfoProps> = ({ round, wordChosen }) => {
 export const RoundInfo: React.FC<RoundInfoProps> = ({ round, wordChosen }) => {
   return (
   return (
     <div className='p-3 m-3 h-14 rounded shadow flex items-center place-content-between'>
     <div className='p-3 m-3 h-14 rounded shadow flex items-center place-content-between'>
-      <div>대충 타이머 위치</div>
+      <Timer />
       <div>{wordChosen}</div>
       <div>{wordChosen}</div>
-      <div>R{round}</div>
+      <div>Round {round}/5</div>
     </div>
     </div>
   );
   );
 }
 }
\ No newline at end of file