[Feat/service/#54] GA 추가

[gudusol]

📌 Related Issue Number

• Closes [feat] GA & Sentry #54

---

Checklist

• 🎋 base 브랜치를 제대로 설정했나요?
• 🖌️ PR 제목은 형식에 맞게 잘 작성했나요?
• 🏗️ 빌드는 성공했나요? (pnpm build)
• 🧹 불필요한 코드는 제거했나요? e.g. console.log
• 🙇‍♂️ 리뷰어를 지정했나요?
• 🏷️ 라벨은 등록했나요?

---

✅ Key Changes

이번 PR에서 작업한 내용을 간략히 설명해주세요

GA 코드 추가함

'use client';

import { sendGAEvent } from '@next/third-parties/google';
import { usePathname } from 'next/navigation';

const useTrackEvent = () => {
  const pathname = usePathname();
  const trackEvent = (name: string, params?: Record<string, string | number | boolean>) => {
    sendGAEvent('event', name, {
      pathname,
      ...params,
    });
  };

  return { trackEvent };
};

export default useTrackEvent;

useTrackEvent 라는 hook 을 만들었음
hook으로 만든 이유는 pathname을 기본으로 넣어주고 싶어서 usePathname() 때문에 util이 아닌 hook으로 만듬
(이렇게 안하니 쓸때마다 pathname, publishId, problemId등을 넘겨주는 코드가 너무 지저분해짐)

  const handleClickReadingTip = () => {
    trackEvent('report_analysis_reading_tip_click');
    router.push(`/report/${publishId}/${problemId}/reading-tip`);
  };

사용은 이런식으로

---

📢 To Reviewers

• Sentry까지 한번에 넣을까 했는데, 너무 내용이 많아지는 것 같아서 이후에,,,