[FE] Game Page 및 Player 컴포넌트 생성 (#36)

* chore: 전역 스타일 코드 수정

* chore: devtools 사용, uuid로 id 생성

* refactor: usePagination hook 분리 및 상수화

* feat: Dialog 확인 버튼 클릭 시 GamePage로 이동

* chore: 전역 스타일 및 상수 객체명 변경

* feat: Player 컴포넌트 생성 및 Game Page 구현

VolumeBar 컴포넌트 포함

* chore: 전역 스타일 수정

fe/package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-slider": "^1.2.1",
     "@radix-ui/react-slot": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

fe/src/App.css

@@ -1,6 +1 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
+

fe/src/App.tsx

@@ -1,13 +1,15 @@
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import './App.css';
 import RoomPage from './pages/RoomPage';
+import GamePage from './pages/GamePage';
 
 function App() {
   return (
     <div className="app">
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<RoomPage />} />
+          <Route path="/game/:roomId" element={<GamePage />} />
         </Routes>
       </BrowserRouter>
     </div>