[Add] navbar scrollspy directive

Add navbar scrollspy
navbar style improvement

src/assets/scss/color.scss

@@ -4,3 +4,4 @@ $pale-grey: #f0f7fd;
 $dark-slate-blue: #1f4163;
 $dark-sky-blue: #3d93e9;
 $slate-blue: #5f7a95;
+$sky-blue: #9dc5ec;

src/assets/scss/news/header.scss

@@ -369,10 +369,17 @@ $fontFamily: Noto Sans TC, monospace;
   background: white;
   z-index: 5;
   &-item {
-    margin: 5px 8px;
+    margin: 0 8px;
+    padding: 5px 1em;
     color: $mid-blue;
     font-family: $fontFamily;
     cursor: point;
+    border-right: 2px solid $sky-blue;
+
+    &.active {
+      font-weight: 900;
+      border-right: 2px solid $mid-blue;
+    }
   }
   &-button {
     color: $mid-blue;