Updated sibar

src/layouts/sidebar/sidebar.vue

@@ -61,6 +61,12 @@
         <summary class="font-bold text-lg">Service</summary>
         <ul>
           <li><router-link :to="{ name: 'ServiceCalendar' }" exact-active-class="active">Service Calendar</router-link></li>
+           <li>
+            <router-link :to="{ name: 'ServiceToday' }" exact-active-class="active">
+              Today's Service Calls
+              <span v-if="countsStore.today_service > 0" class="badge badge-secondary">{{ countsStore.today_service }}</span>
+            </router-link>
+          </li>
           <li>
             <router-link :to="{ name: 'ServiceHome' }" exact-active-class="active">
               Upcoming Service
@@ -114,4 +120,4 @@ onMounted(() => {
   countsStore.fetchSidebarCounts();
   // You can remove your other update functions if their logic is now handled elsewhere
 });
-</script>
+</script>