adding version tag to ui per request

src/components/NavBar.vue

@@ -1,13 +1,15 @@
 <template>
   <nav>
     <ul>
-
       <li v-for="(item, index) in navItems" :key="index">
         <router-link :to="item.path">
           <span class="text">{{ item.label }}</span>
         </router-link>
       </li>
     </ul>
+    <div class="version">
+      <span>alpha: v0.2.42</span>
+    </div>
   </nav>
 </template>
 
@@ -16,12 +18,26 @@
 </script>
 
 <style lang="scss" scoped>
+  nav {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    background-color: #333;
+    color: white;
+  }
+  .version {
+    width: 115px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
   ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
-    background-color: #333;
   }
 
   li {