[MIRROR] methane in gas sensor console (#11806)

Co-authored-by: Will <7099514+Willburd@users.noreply.github.com>

tgui/packages/tgui/interfaces/GeneralAtmoControl/Sensors.tsx

@@ -31,8 +31,15 @@ const AtmoSensor = (props: { sensor: sensor }) => {
     return <Box color="bad">UNABLE TO FIND SENSOR</Box>;
   }
 
-  const { pressure, temperature, oxygen, nitrogen, carbon_dioxide, phoron } =
-    sensor.sensor_data;
+  const {
+    pressure,
+    temperature,
+    oxygen,
+    nitrogen,
+    carbon_dioxide,
+    phoron,
+    methane,
+  } = sensor.sensor_data;
 
   const labeledListContents: React.JSX.Element[] = [];
   if (pressure) {
@@ -56,7 +63,8 @@ const AtmoSensor = (props: { sensor: sensor }) => {
           {carbon_dioxide ? (
             <Stack.Item>({carbon_dioxide}% CO²)</Stack.Item>
           ) : null}
-          {phoron ? <Stack.Item>({phoron}% TX)</Stack.Item> : null}
+          {phoron ? <Stack.Item>({phoron}% PH)</Stack.Item> : null}
+          {methane ? <Stack.Item>({methane}% CH₄)</Stack.Item> : null}
         </Stack>
       </LabeledList.Item>,
     );

tgui/packages/tgui/interfaces/GeneralAtmoControl/types.ts

@@ -24,6 +24,7 @@ export type sensor = {
     nitrogen: number;
     carbon_dioxide: number;
     phoron: number;
+    methane: number;
     other: number;
   };
 };

tgui/packages/tgui/interfaces/SupermatterMonitor.tsx

@@ -180,19 +180,19 @@ const SupermatterMonitorActive = (props) => {
         </LabeledList.Item>
         <LabeledList.Item label="Gas Composition">
           <LabeledList>
-            <LabeledList.Item label="O²">
+            <LabeledList.Item label="O₂">
               <AnimatedNumber value={SM_gas_O2} />%
             </LabeledList.Item>
-            <LabeledList.Item label="CO²">
+            <LabeledList.Item label="CO₂">
               <AnimatedNumber value={SM_gas_CO2} />%
             </LabeledList.Item>
-            <LabeledList.Item label="N²">
+            <LabeledList.Item label="N₂">
               <AnimatedNumber value={SM_gas_N2} />%
             </LabeledList.Item>
             <LabeledList.Item label="PH">
               <AnimatedNumber value={SM_gas_PH} />%
             </LabeledList.Item>
-            <LabeledList.Item label="N²O">
+            <LabeledList.Item label="N₂O">
               <AnimatedNumber value={SM_gas_N2O} />%
             </LabeledList.Item>
             <LabeledList.Item label="CH₄">