헤더를 약간 수정하는 작업

이 블로그보다도, 옆 블로그를 먼저 손 보기로 했다. 지난 번에 이어서 next.js 구조를 전체적으로 살펴보며 감 잡는 중.

큰 화면에서 헤더가 화면에 딱 맞지 않고 넘쳐서 그 부분이 늘 거슬렸는데 왜 그런건지 살펴봤다. 전체적으로 tailwind css가 적용되어 있는데, cursor ai로 각 클래스 의미를 물어보면서 감을 잡았다. 원인은 화면 크기가 md 이상일 때, 왼쪽에 있던 블로그 이름 크기와 길이가 너무 큰 고정 값으로 설정되어 있고, 전체적 레이아웃은 flexbox의 `justify-between`으로 설정되어 있어서 그랬던 것 같다.

왼쪽 블로그 이름 사이즈를 줄이고 (줄이니 디자인도 더 마음에 든다), 이왕에 손 본거 오른쪽의 문구는 playfair 폰트로 바꿨다.

다음에는 블로그에 카테고리, 글 목록을 구현해보면 좋을 것 같다.