feat,refac: vue3로 작성한 새 연감 페이지 (#217)

- 새 지도 렌더러 사용
- 새 연감 데이터 사용
- 500px 모드 지원
- Vue3 활용

Reviewed-on: https://storage.hided.net/gitea/devsam/core/pulls/217

hwe/ts/components/BottomBar.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="bg0" style="padding-top: 20px">
-    <button type="button" class="btn btn-sammo-base2 back_btn" @click="back">돌아가기</button>
+    <button type="button" class="btn btn-sammo-base2 back_btn" @click="back">
+      {{ props.type == "close" ? "창 닫기" : "돌아가기" }}
+    </button>
     <div />
   </div>
 </template>