chore: add "DRIP" selection to activities page + table

apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.html

@@ -15,6 +15,7 @@
           <mat-option i18n value="DIVIDEND">Dividend</mat-option>
           <mat-option i18n value="ITEM">Item</mat-option>
           <mat-option i18n value="SELL">Sell</mat-option>
+          <mat-option i18n value="DRIP">DRIP</mat-option>
         </mat-select>
       </mat-form-field>
     </div>

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -143,11 +143,16 @@
             buy: element.type === 'BUY',
             dividend: element.type === 'DIVIDEND',
             item: element.type === 'ITEM',
-            sell: element.type === 'SELL'
+            sell: element.type === 'SELL',
+            drip: element.type === 'DRIP'
           }"
         >
           <ion-icon
-            *ngIf="element.type === 'BUY' || element.type === 'DIVIDEND'"
+            *ngIf="
+              element.type === 'BUY' ||
+              element.type === 'DIVIDEND' ||
+              element.type === 'DRIP'
+            "
             name="arrow-up-circle-outline"
           ></ion-icon>
           <ion-icon

libs/ui/src/lib/activities-table/activities-table.component.scss

@@ -40,6 +40,10 @@
           &.sell {
             color: var(--orange);
           }
+
+          &.drip {
+            color: var(--cyan);
+          }
         }
       }
     }