Fix battery pin mapping not being shown in device manager UI

(Pylontech Battery CAN Bus)

webapp/src/components/PinInfo.vue

@@ -119,6 +119,18 @@
                         <td>{{ currentPinAssignment?.victron?.tx }}</td>
                     </tr>
 
+                    <tr>
+                        <td rowspan="2">Battery</td>
+                        <td>RX</td>
+                        <td>{{ selectedPinAssignment?.battery?.rx }}</td>
+                        <td>{{ currentPinAssignment?.battery?.rx }}</td>
+                    </tr>
+                    <tr>
+                        <td>TX</td>
+                        <td>{{ selectedPinAssignment?.battery?.tx }}</td>
+                        <td>{{ currentPinAssignment?.battery?.tx }}</td>
+                    </tr>
+
                 </tbody>
             </table>
         </div>

webapp/src/types/PinMapping.ts

@@ -30,12 +30,18 @@ export interface Victron {
     tx: number;
 }
 
+export interface Battery {
+    rx: number;
+    tx: number;
+}
+
 export interface Device  {
     name: string;
     nrf24: Nrf24;
     eth: Ethernet;
     display: Display;
     victron: Victron;
+    battery: Battery;
 }
 
-export interface PinMapping extends Array<Device>{}
+export interface PinMapping extends Array<Device>{}