Feat: React Helmet Async 마이그레이션 및 SEO 적용

[eomgerm]

📢 기능 설명

• React Helmet -> React Helmet Async
• Puppeteer + Prerender 일부 적용
• PageMetadata 공통 컴포넌트 제작

🔗 연결된 issue

연결된 issue를 자동으로 닫기 위해 아래 {이슈넘버}를 입력해주세요.

close #155

🩷 Approve 하기 전 확인해주세요!

• 리뷰어가 확인해줬으면 하는 사항 적어주세요.

✅ 체크리스트

• PR 제목 규칙 잘 지켰는가?
• 추가/수정사항을 설명하였는가?
• 이슈넘버를 적었는가?
• Approve 하기 전 확인 사항 체크했는가?

[Copilot]

Copilot reviewed 19 out of 21 changed files in this pull request and generated 2 comments.

Files not reviewed (2)

• index.html: Language not supported
• package.json: Language not supported

Comments suppressed due to low confidence (2)

src/pages/ScrapFlow.jsx:38

• [nitpick] Ensure that the 'fetchData' function is memoized or stable, as including it in the dependency array may trigger unnecessary re-renders if it changes on every render.

  }, [currentPage, fetchData]);

src/pages/RecreationDetail.jsx:59

• The description concatenates an array with a string, which may not yield the intended format; consider joining the array using a separator (e.g., .join(', ')) before concatenation.

        description={recreationData.purposeList.map((purpose) => PURPOSE[purpose].value) + recreationData.summary}

[Copilot]

If multiple 'http:' occurrences may be present in the HTML, consider using a global flag (e.g., /http:/gi) to ensure all occurrences are replaced.

Suggested change

	.replace(/http:/i, 'https:')
	.replace(/http:/gi, 'https:')

[Copilot]

The 'keywords' prop expects a string but an array is provided; consider joining the array into a comma-separated string using .join(', ') to meet the prop type requirements.

Suggested change

	keywords={recreationData.keywordList.map((keyword) => KEYWORD[keyword].value)}
	keywords={recreationData.keywordList.map((keyword) => KEYWORD[keyword].value).join(', ')}