Commented Profile Option, Search Logs Option, Sync Option and Notification Icon

src/components/Navbar.vue

@@ -13,14 +13,15 @@
               </div>
 
               <!-- search bar -->
-                <div class="relative text-gray-600">
+              <!--div class="relative text-gray-600">
         <input type="search" name="serch" placeholder="Search logs" class="bg-white h-10 w-full xl:w-64 px-5 rounded-lg border text-sm focus:outline-none">
         <button type="submit" class="absolute right-0 top-0 mt-3 mr-4">
           <svg class="h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 56.966 56.966" style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve" width="512px" height="512px">
+          
           <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z"/>
           </svg>
         </button>
-                </div>
+              </div-->
           </div>
 
           <!-- right navbar -->
@@ -30,12 +31,13 @@
           Last Logged on {{lastUpdateTime}} 
         </router-link>
       </li>
-            <div class="px-4">
+      <!--div class="px-4">
         <button v-on:click="syncButton(), fetchingStats = true" class="center bg-blue-400 hover:bg-blue-600 focus:outline-none rounded-lg px-2 text-white font-semibold shadow">{{syncMessage}}</button>
-            </div>    
+      </div-->    
         <!--svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="fill-current mr-3 hover:text-blue-500"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/></svg-->
+      
               <!-- <img src="https://a7sas.net/wp-content/uploads/2019/07/4060.jpeg" class="w-12 h-12 rounded-full shadow-lg" @click="dropDownOpen = !dropDownOpen"> -->
-                <a @click="dropDownOpen = !dropDownOpen" class="hover:text-gray-900">Profile</a>
+              <!--a @click="dropDownOpen = !dropDownOpen" class="hover:text-gray-900">Profile</a-->
           </div>
 
       </div>
@@ -66,6 +68,7 @@ export default {
       }
   },
   methods: {
+
     syncButton: function () {
 
       console.log("SYNC STARTED..")
@@ -95,6 +98,7 @@ export default {
     toggleSidebar() {
         this.$store.dispatch('toggleSidebar')
     },
+    
     shutdownWAMPAC: function () {
   
       console.log("Shutting Down WAMPAC")