feat: 채팅 마크다운 수정

[glowisn]

Checklist

• Code Review: 작성한 코드를 다시 한 번 꼼꼼이 확인했나요?
• Testing: 앱이 잘 구동되는지 개발한 기능이 문제 없이 작동하는지 확인했나요?
• Remove: print나 주석 등 필요없는 코드를 삭제했나요?
• Deleted Dependencies: dependency 삭제?

Description

close #213
react-markdown pacakge를 삭제했습니다.
마크다운 패키지 없이 인풋 코드를 읽어 `로 시작하고 끝나는 singleQuote, ```로 시작하고 끝나는 tripleQuote인 경우에 코드로 감지하여 박스에 넣어 렌더링하게 헀습니다.

기존의 react-markdown을 쓰는 방식은 여러 마크다운을 지원하고 코드이 양의 적어 편리했지만, 렌더링된 컴포넌트 자체를 함수에서 반환함으로써 좌우 크기 조절이 되지 않은 상태로 렌더링 되었습니다.
그 문제를 해결하기 위해 newline character를 길이에 맞게 삽입하는 방식으로 코드를 일단 구현했었습니다. 이에 직접 인풋 값을 감지하여 코드로 판별될 경우 박스와 함께 렌더링하도록 수정했습니다.

• 일반적 상황에서 좌우 스크롤 문제 해결 (더 좋은 방식)
• 코드 이외의 다른 마크다운 문법은 적용되지 않아 - 나 # 등을 사용 가능합니다.

Changes Made

client/package.json : react-markdown 패키지 삭제
client/src/components/Room/Chat.tsx : insertNewline 함수 및 로직 삭제
client/src/components/Room/MessageBody.tsx : 마크다운 패키지 삭제 및 대응 코드

Demo

[kiuuon]

LGTM 👍

[Lukaid-dev]

LGTM!
이것도 고도화가 필요해보이긴 하네요