[#6] 반응형 공용 레이아웃 개발

#⃣ 연관 이슈

Closes #6 (closed)

💻 작업 내용

모바일과 PC 화면 구성을 고려하여 헤더,푸터,바디 레이아웃과 공용 컴포넌트를 개발한다.

• 헤더 개발
• 푸터 개발
• 바디 개발
• 버튼 컴포넌트 수정
• 아이콘 컴포넌트 개발

테스트 결과 or 스크린샷 (선택)

작업한 부분을 캡처해 보여주면 이해하기 쉬워요 Laptop (1024px)

Tablet(768px)

💬 리뷰 요구사항 (선택)

Mobile(320px)

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

• svg 컴포넌트 사용법
• 버튼 컴포넌트 이미지 넣는법 달라짐 (url이 아닌 컴포넌트 삽입)