style(ScheduleView): improve table responsiveness and layout

- Added minimum widths to player selection table and player name for better layout consistency.
- Adjusted checkbox cell width and added minimum width for improved alignment.
- Enhanced mobile responsiveness with media queries for table padding and minimum widths, ensuring a better user experience on smaller screens.

frontend/src/views/ScheduleView.vue

@@ -1747,6 +1747,7 @@ li {
     width: 100%;
     border-collapse: collapse;
     margin: 20px 0;
+    min-width: 480px;
 }
 
 .player-selection-table th,
@@ -1754,6 +1755,8 @@ li {
     padding: 8px 12px;
     text-align: left;
     border-bottom: 1px solid #dee2e6;
+    white-space: nowrap;
+    vertical-align: middle;
 }
 
 .player-selection-table th {
@@ -1768,6 +1771,11 @@ li {
 
 .player-name {
     font-weight: 500;
+    min-width: 220px;
+}
+
+.player-list {
+    overflow-x: auto;
 }
 
 /* Gallery Styles */
@@ -1865,7 +1873,8 @@ li {
 
 .checkbox-cell {
     text-align: center;
-    width: 100px;
+    width: 84px;
+    min-width: 84px;
 }
 
 .checkbox-cell input[type="checkbox"] {
@@ -2246,6 +2255,15 @@ li {
 }
 
 @media (max-width: 640px) {
+    .player-selection-table {
+        min-width: 520px;
+    }
+
+    .player-selection-table th,
+    .player-selection-table td {
+        padding: 10px 12px;
+    }
+
     .schedule-view {
         gap: 12px;
     }