CLAUDE: Reverse pitcher/batter positions - batter now on left, pitcher on right

frontend-sba/components/Game/CurrentSituation.vue

@@ -2,39 +2,7 @@
   <div class="current-situation">
     <!-- Side-by-Side Card Layout -->
     <div class="grid grid-cols-2 gap-4">
-      <!-- Current Pitcher Card -->
+      <!-- Current Batter Card (LEFT) -->
-      <button
-        v-if="currentPitcher"
-        :class="[
-          'player-card pitcher-card card-transition',
-          pitcherCardClasses
-        ]"
-        @click="openPlayerCard('pitcher')"
-      >
-        <!-- Card Header -->
-        <div class="card-header pitcher-header">
-          <span class="team-abbrev">{{ pitcherTeamAbbrev }}</span>
-          <span class="position-info">P</span>
-          <span class="player-name">{{ pitcherName }}</span>
-        </div>
-
-        <!-- Card Image -->
-        <div class="card-image-container">
-          <img
-            v-if="pitcherPlayer?.image"
-            :src="pitcherPlayer.image"
-            :alt="`${pitcherName} card`"
-            class="card-image"
-            @error="handleImageError"
-          >
-          <div v-else class="card-placeholder pitcher-placeholder">
-            <span class="placeholder-initials">{{ getPlayerFallbackInitial(pitcherPlayer) }}</span>
-            <span class="placeholder-label">No Card Image</span>
-          </div>
-        </div>
-      </button>
-
-      <!-- Current Batter Card -->
       <button
         v-if="currentBatter"
         :class="[
@@ -65,6 +33,38 @@
           </div>
         </div>
       </button>
+
+      <!-- Current Pitcher Card (RIGHT) -->
+      <button
+        v-if="currentPitcher"
+        :class="[
+          'player-card pitcher-card card-transition',
+          pitcherCardClasses
+        ]"
+        @click="openPlayerCard('pitcher')"
+      >
+        <!-- Card Header -->
+        <div class="card-header pitcher-header">
+          <span class="team-abbrev">{{ pitcherTeamAbbrev }}</span>
+          <span class="position-info">P</span>
+          <span class="player-name">{{ pitcherName }}</span>
+        </div>
+
+        <!-- Card Image -->
+        <div class="card-image-container">
+          <img
+            v-if="pitcherPlayer?.image"
+            :src="pitcherPlayer.image"
+            :alt="`${pitcherName} card`"
+            class="card-image"
+            @error="handleImageError"
+          >
+          <div v-else class="card-placeholder pitcher-placeholder">
+            <span class="placeholder-initials">{{ getPlayerFallbackInitial(pitcherPlayer) }}</span>
+            <span class="placeholder-label">No Card Image</span>
+          </div>
+        </div>
+      </button>
     </div>
 
     <!-- Empty State -->