Add semantic & accessibility structure for headings

src/common/WiFiSettings/ResetWiFiSettings.js

@@ -50,7 +50,7 @@ export default function ResetWiFiSettings({ ws, endpoint }) {
 
     return (
         <>
-            <h4>{_("Reset Wi-Fi Settings")}</h4>
+            <h2>{_("Reset Wi-Fi Settings")}</h2>
             <p>
                 {_(`
 If a number of wireless cards doesn't match, you may try to reset the Wi-Fi settings. Note that this will remove the

src/common/WiFiSettings/WiFiForm.js

@@ -80,7 +80,7 @@ function DeviceForm({
     const deviceID = formData.id;
     return (
         <>
-            <h3>{_(`Wi-Fi ${deviceID + 1}`)}</h3>
+            <h2>{_(`Wi-Fi ${deviceID + 1}`)}</h2>
             <CheckBox
                 label={_("Enable")}
                 checked={formData.enabled}