Feat: 오류 error 페이지 구현

src/components/error/index.tsx

@@ -0,0 +1,19 @@
+import ErrorIcon from '@/assets/icon/errorIcon.svg?react';
+import BackButton from '../commons/BackButton';
+
+const ErrorPage = () => {
+  return (
+    <section className="flex-1 w-full flex flex-col gap-[32px] p-horizontal">
+      <BackButton />
+      <h1 className="font-bold text-header px-3">
+        요청하신 페이지를 찾는 중 <br />
+        오류가 발생했습니다.
+      </h1>
+      <div className="absolute bottom-0 w-full left-1/2 transform -translate-x-1/2">
+        <ErrorIcon className="w-full h-auto" />
+      </div>
+    </section>
+  );
+};
+
+export default ErrorPage;

src/pages/chat/index.tsx

@@ -2,9 +2,11 @@ import ChatInput from '@/components/chat/MessageInput';
 import MessageList from '@/components/chat/messageList/index';
 import BackButton from '@/components/commons/BackButton';
 import useWebSocket from '@/hooks/useWebSocket';
+import { useParams } from 'react-router-dom';
 
 const ChatPage = () => {
-  const roomId = 1;
+  const { id } = useParams<{ id: string }>();
+  const roomId = Number(id);
 
   const { messages, sendMessage, participantCount } = useWebSocket(roomId);