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

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

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

hwe/scss/history.scss

@@ -0,0 +1,42 @@
+@import "./common/bootstrap5.scss";
+@import "./editor_component.scss";
+@import "./util.scss";
+
+@include media-1000px {
+  #container {
+      width: 1000px;
+      margin: 0 auto;
+      padding: 0;
+  }
+  .year-selector{
+    margin-left: 100%/24*5;
+  }
+
+  .map_position{
+    flex: 0 0 auto;
+    width: 700px;
+  }
+
+  .nation_position{
+    flex: 0 0 auto;
+    width: 300px;
+  }
+}
+
+@include media-500px {
+  #container {
+      width: 500px;
+      margin: 0 auto;
+      padding: 0;
+  }
+
+  .map_position{
+    flex: 0 0 auto;
+    width: 100%;
+  }
+
+  .nation_position{
+    flex: 0 0 auto;
+    width: 100%;
+  }
+}