feat(components): figure page

src/assets/styles/_reset.scss

@@ -2,7 +2,6 @@
   margin: 0;
   padding: 0;
   border: 0;
-  outline: none;
   background: none;
   box-sizing: border-box;
 }

src/assets/styles/_scroll.scss

@@ -1,5 +1,5 @@
 ::-webkit-scrollbar {
-  width: 6px;
+  width: 3px;
 }
 
 ::-webkit-scrollbar-track {

src/assets/styles/_variables.scss

@@ -4,6 +4,7 @@
   --border-color: #e4e1e1;
   --icon-color: #5e5f60;
   --seconary-color: #8d8d8d;
+  --scroll-color: #d4d3d4;
   --shadow-color: rgba(163, 167, 174, 0.2);
   --border: 1px solid var(--border-color);
   --shadow: 0 0 9px 0 var(--shadow-color);

src/assets/styles/main.scss

@@ -20,3 +20,12 @@ button {
   height: 20px;
   cursor: pointer;
 }
+
+h1, h2 {
+  font-size: 20px;
+  font-weight: 600;
+}
+
+h2 {
+  font-weight: 500;
+}