fix(app): thermocycler location display (#15945)

Special case thermocycler location on ODD ProtocolDetails Hardware
(A1+B1)

Closes RQA-2938

Author: ncdiehl11

app/src/pages/ProtocolDetails/Hardware.tsx

@@ -21,6 +21,8 @@ import {
   GRIPPER_V1_2,
   MAGNETIC_BLOCK_FIXTURES,
   MAGNETIC_BLOCK_TYPE,
+  TC_MODULE_LOCATION_OT3,
+  THERMOCYCLER_MODULE_TYPE,
 } from '@opentrons/shared-data'
 
 import {
@@ -113,7 +115,11 @@ function HardwareItem({
     </LegacyStyledText>
   )
   if (hardware.hardwareType === 'module') {
-    location = <DeckInfoLabel deckLabel={hardware.slot} />
+    const slot =
+      getModuleType(hardware.moduleModel) === THERMOCYCLER_MODULE_TYPE
+        ? TC_MODULE_LOCATION_OT3
+        : hardware.slot
+    location = <DeckInfoLabel deckLabel={slot} />
   } else if (hardware.hardwareType === 'fixture') {
     location = (
       <DeckInfoLabel

app/src/pages/ProtocolDetails/__tests__/Hardware.test.tsx

@@ -59,6 +59,13 @@ describe('Hardware', () => {
             hasSlotConflict: false,
             connected: false,
           },
+          {
+            hardwareType: 'module',
+            moduleModel: 'thermocyclerModuleV2',
+            slot: 'B1',
+            hasSlotConflict: false,
+            connected: false,
+          },
           {
             hardwareType: 'fixture',
             cutoutFixtureId: WASTE_CHUTE_RIGHT_ADAPTER_NO_COVER_FIXTURE,
@@ -92,6 +99,7 @@ describe('Hardware', () => {
     })
     screen.getByRole('row', { name: '1 Heater-Shaker Module GEN1' })
     screen.getByRole('row', { name: '3 Temperature Module GEN2' })
+    screen.getByRole('row', { name: 'A1+B1 Thermocycler Module GEN2' })
     screen.getByRole('row', { name: 'D3 Waste chute only' })
     screen.getByRole('row', { name: 'B3 Staging area slot' })
   })