feat: add persistent theme selection and light mode court styling

src/app/tab1/tab1.page.html

@@ -12,7 +12,7 @@
   </ion-header>
 
   <ion-grid [fixed]="'fixed'" class="bottom-lists">
-    <ion-row>
+    <ion-row class="court-headers">
       <ion-col [size]="1" class="ion-display-none ion-display-xl-block">
         <ion-item [lines]="'none'">{{ 'court' | translate }}</ion-item>
       </ion-col>
@@ -35,7 +35,7 @@
     </ion-row>
     @for (item of [].constructor(settings()?.numberOfCourts); track $index) {
     <ion-row>
-      <ion-col [size]="1">
+      <ion-col [size]="1" class="court-number">
         <ion-list>
           <ion-item [lines]="'none'"> {{ $index + 1 }}. </ion-item>
         </ion-list>
@@ -81,7 +81,7 @@
         </ion-list>
       </ion-col>
       }
-      <ion-col size="2" sizeLg="1">
+      <ion-col size="2" sizeLg="1" class="court-actions">
         <ion-list>
           <ion-item lines="none">
             @if ( (umpireByCourt().get($index + 1) &&