폴더 구조 변경 관련 임포트 수정

 import React from 'react';
 import React from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
-import { socket, SocketProvider } from './SocketContext';
-import { Login } from './Login';
-import { Rooms } from './Rooms';
+import { socket, SocketProvider } from './contexts/SocketContext';
+import { Login } from './pages/Login';
+import { Rooms } from './pages/Rooms';
 
 
 const App: React.FC = () => {
 const App: React.FC = () => {
   return (
   return (

 import React, { useContext, useEffect, useState } from 'react';
 import React, { useContext, useEffect, useState } from 'react';
 import { RouteComponentProps } from 'react-router';
 import { RouteComponentProps } from 'react-router';
+import { Footer } from '../components/common/Footer';
 import { MessageResponse, MessageType } from '../components/common/types';
 import { MessageResponse, MessageType } from '../components/common/types';
+import { Room } from '../components/rooms/types';
 import SocketContext from '../contexts/SocketContext';
 import SocketContext from '../contexts/SocketContext';
 
 
-interface Room {
-  uuid: string;
-  name: string;
-  currentUsers: number;
-  maxUsers: number;
-}
-
 export const Rooms: React.FC<RouteComponentProps> = ({ history }) => {
 export const Rooms: React.FC<RouteComponentProps> = ({ history }) => {
   const socket = useContext(SocketContext);
   const socket = useContext(SocketContext);
   const [ rooms, setRooms ] = useState<Room[]>([]);
   const [ rooms, setRooms ] = useState<Room[]>([]);
@@ -33,7 +28,7 @@ export const Rooms: React.FC<RouteComponentProps> = ({ history }) => {
       <div className='flex items-center'>
       <div className='flex items-center'>
         <div>room test</div>
         <div>room test</div>
       </div>
       </div>
-      <footer>footer footer</footer>
+      <Footer />
     </div>
     </div>
   )
   )
 }
 }