Make components standalone

src/app/components/tournament-manage/tournament-manage.component.scss

@@ -1,6 +1,7 @@
 td {
   vertical-align: middle;
 }
+
 td, th {
   background-color: transparent !important;
 }
@@ -8,6 +9,7 @@ td, th {
 table.wide td, table.wide th {
   height: 4em;
 }
+
 .winner {
   color: green;
   font-weight: bold;
@@ -33,6 +35,7 @@ td.w-fill {
   width: 95% !important;
 }
 
-.material-tooltip {
-  white-space: pre-line;
+
+.mat-menu-panel {
+  z-index: 1000 !important;
 }

src/app/components/tournament-manage/tournament-manage.component.ts

@@ -36,7 +36,7 @@ import {TournamentPlayer} from "../../model/tournamentPlayer";
 import {MatTooltip} from "@angular/material/tooltip";
 
 @Component({
-    selector: 'app-tournament-manage',
+  selector: 'app-tournament-manage',
   imports: [
     FullNamePipe,
     MatAccordion,
@@ -64,13 +64,14 @@ import {MatTooltip} from "@angular/material/tooltip";
     TournamentPlayersComponent,
     MatExpansionPanelActionRow,
   ],
-    providers: [
-        FullNamePipe,
-        TeamPipe,
-        MatchResultPipe
-    ],
-    templateUrl: './tournament-manage.component.html',
-    styleUrl: './tournament-manage.component.scss'
+  providers: [
+    FullNamePipe,
+    TeamPipe,
+    MatchResultPipe
+  ],
+  templateUrl: './tournament-manage.component.html',
+  standalone: true,
+  styleUrl: './tournament-manage.component.scss'
 })
 export class TournamentManageComponent implements OnInit, OnDestroy {