[FEAT] 믹스패널로 사용자 식별 및 이벤트 추가

[dmdgpdi]

• Close [feat] 사용자 식별하게 변경 #923

What is this PR? 🔍

기능 :
서비스와 크롬 익스텐션에서 사용자 이벤트를 수집합니다.
현재 http only cookie인 acces_token에서 uuid를 가져와서 사용자가 누군지 식별합니다.
웹서비스에서 값을 가져오는 건 getUserIdForServer에서 수행하고 있고,UserIdentifyProvider 컴포넌트에서 유저가 누구인지 mixpanel에게 알려주는 동작을 포함하고 있습니다.
이제 유저가 정확히 식별되며 useLogger로 원하는 이벤트를 자유롭게 심을 수 있습니다.

익스텐션도 동일합니다.
cookie에서 가져와서 식별하고 이벤트를 수집하고 있습니다.

수집하는 이벤트는 다음과 같습니다.
웹

• 추천 페이지에서 추천한 북마크를 클릭하는지.
• 추천 북마크를 내 북마크로 만드는지.
• 유저가 회원가입 페이지에서 로그인 버튼을 클릭하는지.
• 페이지 방문
• 공유 폴더 페이지 방문
• 공유 페이지에서 회원가입 버튼 클릭

익스텐션

• 익스텐션에서 북마크를 추가하는지.
• 익스텐션에서 북마크를 수정하는지.
• 익스텐션에서 태그를 추가하는지 (태그를 추가하는 기능이 유의미한지 확인)

공유 폴더 페이지 -> 공유 페이지에서 회원가입 버튼 클릭 -> 회원가입 페이지에서 버튼 클릭
으로 유입을 파악할 수 있을 것 같습니다.

추천이 유의미한지, 태그를 잘 사용하고 있는지 확인도 할 수 있을 것 같습니다.

또한 익스텐션을 통해 사용자가 몇 명인지 폴더 페이지를 방문한 사람이 몇 명인지 파악해서 실제 사용자를 알 수 있을 것 같습니다.

단 현재, 익스텐션이 중복 기능이 추가된 상태라 버그가 없는 것이 확인되면 바로 프로덕션으로 올리겠습니다.

• issue : [feat] 사용자 식별하게 변경 #923

Changes 📝

또한 공유 폴더 페이지와 추천 페이지, 폴더 페이지에서 엑박이 보였다 사라지는 모습을 개선했습니다.
이유는 loading 중일 때 미리 읽어들인 링크가 엑박이 떠서 분기 처리를 loading, loaded, error 세 개로 나누어서 처리하였습니다. 필요하다면 추후에 스켈레톤을 적용하겠습니다.

Precaution