fix: #114 Refactor project list grid

Author: jorgecod

src/app/modules/time-clock/components/project-list-hover/project-list-hover.component.html

@@ -1,14 +1,16 @@
 <app-search-project (changeFilterProject)="filterProjects = $event"></app-search-project>
-<ul class="list-group content-projects">
-  <li
-    class="list-group-item list-group-item-action justify-content-between align-items-center"
-    *ngFor="let item of listProjects | filterProject: filterProjects; let i = index"
-    (mouseenter)="showButton = i"
-    (mouseleave)="showButton = -1"
-    (click)="clockIn(item.id)"
-    [ngClass]="{ active: selectedId === item.id }"
-  >
-    {{ item.name }}
-    <span *ngIf="showButton === i && selectedId !== item.id" class="badge badge-light">Clock In</span>
-  </li>
-</ul>
+<div *ngIf="filterProjects !== ''">
+  <ul class="list-group content-projects">
+    <li
+      class="list-group-item list-group-item-action justify-content-between align-items-center"
+      *ngFor="let item of listProjects | filterProject: filterProjects; let i = index"
+      (mouseenter)="showButton = i"
+      (mouseleave)="showButton = -1"
+      (click)="clockIn(item.id)"
+      [ngClass]="{ active: selectedId === item.id }"
+    >
+      {{ item.name }}
+      <span *ngIf="showButton === i && selectedId !== item.id" class="badge badge-light">Clock In</span>
+    </li>
+  </ul>
+</div>