invalidate time entries on time tracker stop, fix task text overflow dashboard

resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue

@@ -55,8 +55,8 @@ async function startTaskTimer() {
             </p>
             <ProjectBadge
                 size="base"
+                class="min-w-0 max-w-full"
                 :color="project?.color">
-
                 <div class="flex items-center lg:space-x-0.5 min-w-0">
                     <span class="whitespace-nowrap ">
                         {{ project?.name ?? 'No Project' }}
@@ -70,7 +70,6 @@ async function startTaskTimer() {
                         {{ task.name }}
                     </div>
                 </div>
-
             </ProjectBadge>
         </div>
         <div class="flex items-center justify-center">

resources/js/Pages/Dashboard.vue

@@ -23,6 +23,7 @@ const refreshDashboardData = () => {
     queryClient.invalidateQueries({ queryKey: ["totalWeeklyBillableTime"] });
     queryClient.invalidateQueries({ queryKey: ["totalWeeklyBillableAmount"] });
     queryClient.invalidateQueries({ queryKey: ["weeklyHistory"] });
+    queryClient.invalidateQueries({ queryKey: ["timeEntries"] });
 };
 
 </script>