fix(protocol-designer): fix temperature module stepform copy (#19004)

This PR updates the default title for a new temperature module form from
"temperature module state" to "temperature". It also adds the header for
"temperature module state" above the heat/cool field

Closes RQA-4433

Author: ncdiehl11

protocol-designer/cypress/support/ModuleSteps.ts

@@ -19,7 +19,7 @@ export enum ModLocators {
 export enum ModContent {
   ModState = 'Heat or cool',
   DeactivateTempDeck = 'Off',
-  Temperature = 'Temperature module state',
+  Temperature = 'Temperature',
   Save = 'Save',
   Temp4CVerification = `Build a pause step to wait until Temperature Module GEN2 reaches 4°C`,
   PlateReader = 'Absorbance Plate Reader Module GEN1',

protocol-designer/src/assets/localization/en/form.json

@@ -407,6 +407,9 @@
       "sterility": "sterility",
       "sterility&motion": "sterility & motion"
     },
+    "temperature": {
+      "state": "Temperature Module state"
+    },
     "tipRack": "tip rack",
     "wellSelectionLabel": {
       "choose_wells": "Choose wells",

protocol-designer/src/pages/Designer/ProtocolSteps/StepForm/StepTools/TemperatureTools/index.tsx

@@ -7,6 +7,7 @@ import {
   DIRECTION_COLUMN,
   Flex,
   SPACING,
+  StyledText,
 } from '@opentrons/components'
 
 import {
@@ -44,7 +45,14 @@ export function TemperatureTools(props: StepFormProps): JSX.Element {
         }}
       />
       <Box borderBottom={`1px solid ${COLORS.grey30}`} />
-      <Flex padding={`0 ${SPACING.spacing16}`}>
+      <Flex
+        flexDirection={DIRECTION_COLUMN}
+        gridGap={SPACING.spacing4}
+        padding={`0 ${SPACING.spacing16}`}
+      >
+        <StyledText desktopStyle="bodyDefaultSemiBold">
+          {t('form:step_edit_form.temperature.state')}
+        </StyledText>
         <ToggleExpandStepFormField
           {...propsForFields.targetTemperature}
           toggleValue={propsForFields.setTemperature.value}

protocol-designer/src/step-forms/test/createPresavedStepForm.test.ts

@@ -363,7 +363,7 @@ describe('createPresavedStepForm', () => {
       // Default fields
       setTemperature: null,
       targetTemperature: null,
-      stepName: 'temperature module state',
+      stepName: 'temperature',
       stepDetails: '',
       stepNumber: 0,
     })

protocol-designer/src/steplist/formLevel/createBlankForm.ts

@@ -31,7 +31,7 @@ const getStepType = (stepType: StepType): string => {
       return 'magnetic module state'
     }
     case 'temperature': {
-      return 'temperature module state'
+      return 'temperature'
     }
     default: {
       return stepType