Feat/Cot 149 mypage main and router

[leve68]

연관 이슈

COT-149

작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요 (이미지 첨부 가능)

• Profile Card 수정 기능

Content Wrapper

• 마이페이지 콘텐츠가 모두 동일한 구조를 띄고 있어 상위로 분리해 줌

const ContentWrapper = styled.div`
  display: flex;
  padding: 4.75rem 6.5rem 0rem 6.5rem;
  flex-direction: column;
  align-items: center;
  gap: 5.375rem;
  width: 100%;
  ${media.tablet`
    padding: 2rem;
  `}
`;

리뷰 요구사항

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) ㅇㅇ함수의 이름을 더 잘 짓고 싶은데 좋은 명칭이 있을까요?

레퍼런스 (선택)

작업 시 참고했던 자료 혹은 리뷰어가 이해하는 데 도움이 될 만한 참고사항이 있다면 첨부해주세요