Style: fix font size and text

[sangmaaaaan]

📄 첨부 사진

✅ 작업 내용

• font-size가 작게 보인다는 이야기가 있어 전체적으로 크게 키웠습니다.
• preset-button 간의 간격을 조절하고 반응형으로도 적용하였습니다.
• preset-button을 더 버튼처럼 보이게 하기 위해 마우스 hover시 색상이 바뀌도록 바꿔놓았습니다.
• 초기 문구 및 버튼 클릭 시 나타나는 문구를 사용자가 선택한 타입에 맞는 문구로 바뀌도록 하여 사용자 친화적으로 수정하였습니다.

🤔 고민 했던 부분

• 관련 프리셋 답변 중 (출처 부분에서) cannot reading properties (lengh) 문제가 생겨 null값임을 확인하는 예외처리문을 추가하여 해결 하였습니다.
• 링크 부분은 chat box css에 종속되어있지 않은지 링크는 밖으로 튀어나오는 현상이 발생합니다. -> issue
• 데이터쪽 요청사항: AI쪽 답변 부분도 말투가 (~요, ~해요로) 통일되었으면 좋겠습니다.

[swgvenghy]

링크 부분은 chat box css에 종속되어있지 않은지 링크는 밖으로 튀어나오는 현상이 발생합니다. -> issue

이 이슈에 대한 처리 먼저 최우선으로 진행하면 될 것 같구 나머지는 다 깔끔해서 좋은 것 같아용 AI말투부분은 다음 회의때 저희가 이야기 전달하는식으로 진행하면 될 것 같습니다! 고생하셨어요!