feat: profile match history에서 상대 nick 클릭시 해당 user의 profile 창으로 이동

frontend/src/components/Profile-Info.js

@@ -54,7 +54,6 @@ export class ProfileInfo extends Component {
 		.then(data => {
 			this.state.games = data.games;
 			this.state.user = data.user;
-
 			this.state.rate = data.user.lose == 0 ? (data.user.win == 0 ? 0 : 100) :
 							Math.round((data.user.win / (data.user.lose + data.user.win)) * 100);
 		})
@@ -128,6 +127,10 @@ export class ProfileInfo extends Component {
 			window.history.back();
 		});
 
+		this.addEvent('click', '.opNick', (event) => {
+			changeUrl(`/main/profile/${event.target.id}`);
+		});
+
 		this.addEvent('click', '#profile-edit', () => {
 			changeUrl(`/main/profile/${this.props.uid}/edit`);
 		});

frontend/src/components/Profile-List.js

@@ -9,7 +9,6 @@ export class MatchList extends Component {
 		  ${matches.map(element => {
 			// Date 객체로 변환
 			const date = new Date(element.start_timestamp);
-			
 			// 월, 일, 시, 분 추출
 			const month = date.getMonth() + 1; // getMonth()는 0부터 시작하므로 1을 더해줍니다.
 			const day = date.getDate();
@@ -27,7 +26,7 @@ export class MatchList extends Component {
 						<span id="vs">VS</span>
 					</div>
 					<div id="opImg">
-						<span id="opNick">${element.op_user.nickname}</span>
+						<span class="opNick" id="${element.op_user.user_id}">${element.op_user.nickname}</span>
 						<img id="opImg" src=${element.op_user.img_url}></img>
 					</div>
 					<div id="matchScore">

frontend/style.css

@@ -956,10 +956,16 @@ img#opImg {
 	height: 100%;
 }
 
-span#opNick{
+span.opNick{
 	margin-right: 30px;
 	font-size: 20px;
 	font-weight: 700;
+    color: #31363F;
+    cursor: pointer;
+}
+
+span.opNick:hover {
+	color: #f10000; /* 마우스를 올렸을 때 변경될 글자 색 */
 }
 
 div#matchScore {