feat: add secondaryText to event colors that you can use to customise week and day view event text

Closes #1375

Author: angelaki

projects/angular-calendar/src/modules/week/calendar-week-view-event.component.ts

@@ -30,6 +30,7 @@ import { PlacementArray } from 'positioning';
       <div
         class="cal-event"
         [ngStyle]="{
+          color: weekEvent.event.color?.secondaryText,
           backgroundColor: weekEvent.event.color?.secondary,
           borderColor: weekEvent.event.color?.primary
         }"

projects/demos/app/demo-modules/group-similar-events/template.html

@@ -48,6 +48,7 @@
     [disablePopover]="!weekEvent.event.meta.groupedEvents"
     class="cal-event"
     [ngStyle]="{
+          color: weekEvent.event.color?.secondaryText,
           backgroundColor: weekEvent.event.color?.secondary,
           borderColor: weekEvent.event.color?.primary
         }"

projects/demos/app/demo-modules/kitchen-sink/template.html

@@ -108,7 +108,7 @@ <h3>
       <tr>
         <th>Title</th>
         <th>Primary color</th>
-        <th>Secondary color</th>
+        <th>Secondary + text color</th>
         <th>Starts at</th>
         <th>Ends at</th>
         <th>Remove</th>
@@ -138,6 +138,12 @@ <h3>
             [(ngModel)]="event.color.secondary"
             (change)="refresh.next()"
           />
+          <input
+            type="color"
+            [ngModel]="event.color.secondaryText ?? '#1e90ff'"
+            (ngModelChange)="event.color.secondaryText = $event"
+            (change)="refresh.next()"
+          />
         </td>
         <td>
           <input