Add edit and delete buttons for seasons

packages/bridge-ui/src/app/components/season-card/season-card.component.html

@@ -7,6 +7,16 @@
         <mat-card-content class="mat-mdc-card-content docs-guide-card-summary">
             <p>Start Date: {{getStartingDate()}}</p>
             <p>Number of Races: {{season.races.length}}</p>
+            @if(usersService.canEditSeasons()) {
+                <button mat-mini-fab color="accent" aria-label="Edit">
+                    <mat-icon>edit</mat-icon>
+                </button>
+            }
+            @if(usersService.canDeleteSeasons()) {
+                <button mat-mini-fab color="warn" aria-label="DELETE" (click)="deleteSeason(season.id)">
+                    <mat-icon>delete</mat-icon>
+                </button>
+            }
         </mat-card-content>
         }
     </mat-card>

packages/bridge-ui/src/app/components/season-card/season-card.component.ts

@@ -2,15 +2,20 @@ import { Component, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
 
 import { Season } from '../../models/season.model';
+import { UsersService } from '../../services/users.service';
 
 @Component({
   selector: 'app-season-card',
   standalone: true,
   imports: [
     CommonModule,
-    MatCardModule
+    MatCardModule,
+    MatIconModule,
+    MatButtonModule
   ],
   templateUrl: './season-card.component.html',
   styleUrl: './season-card.component.scss'
@@ -20,6 +25,10 @@ export class SeasonCardComponent {
 
   @Input() season?: Season;
 
+  constructor(
+    public usersService: UsersService,
+    ) {}
+
   getStartingDate() {
     if(this.season != undefined) {
       let date = new Date(0);
@@ -30,4 +39,7 @@ export class SeasonCardComponent {
     return "";
   }
 
+  deleteSeason(id: string) {
+  }
+
 }