[Fix] 동적 Index html

[lydiacho]

Related Issue : Closes #223

---

🧑‍🎤 Summary

react-helmet-async 라이브러리 사용해서 메이커스 여부에 따라 동적으로 head 태그 구현해줬습니다

🧑‍🎤 Screenshot

🧑‍🎤 Comment

• react-helmet-async 써서 구현해주었어요
• 어디에 넣어줄까 고민하다가 최상위 route element인 Layout 컴포넌트 내부에서 그냥 바로 만들어서 넣어주었습니다 (분리할까요?)
• index.html head 태그에서 분기처리 할만한 것들 다 옮겨다놨어요!
• RecruitingInfoContext에서 season과 isMakers 데이터 가져다가 사용하는데, 불러오는 시간 때문에 페이지 로딩시간 동안 title에 undefined 기 모집 이렇게 undefined가 섞여나오더라고요? 그게 너무 보기 싫어서 아직 안불러와졌을 때 (데이터 undefined일때) 보여줄 디폴트 텍스트 따로 설정하였습니다

const TITLE = season === undefined ? 'SOPT 모집 지원하기' : `SOPT ${isMakers && 'makers '}${season}기 모집 지원하기`;

• 동규오빠가 언급해준대로 Makers -> makers 대소문자 구분해주어야 해서, Makers 워딩 하드하게 사용되고 있는 곳도 makers로 바꿔주었습니다.

[height]

Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword link (e.g. "Link T-123").

💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.

[cloudflare-workers-and-pages]

Deploying sopt-recruiting-frontend with    Cloudflare Pages

Latest commit:	afc59d6
Status:	✅  Deploy successful!
Preview URL:	https://58eb64e8.sopt-recruiting-frontend.pages.dev
Branch Preview URL:	https://fix--223-indexhtml.sopt-recruiting-frontend.pages.dev

View logs

[eonseok-jeon]

고생하셨습니두~~~

아 그리고 저희 branch name 은 camelCase가 아니고 kebab-case 이지 않았나유?

[eonseok-jeon]

이제는 url도 추가해줄 수 있어요~

https://recruiting.sopt.org

[eonseok-jeon]

여기도요

[lydiacho]

@eonseok-jeon url 태그 추가했습니다! 브랜치 전략은 네네 kebab 맞는데 제가 앱잼하고 와서 혼동했네요 ㅠㅠ
어차피 머지하면 브랜치 삭제되니까 별도로 수정은 안하고 다음부터 유의해서 네이밍하겠습니다 :)