Make the monitor type list a bit clear

src/pages/EditMonitor.vue

@@ -11,6 +11,7 @@
                             <div class="my-3">
                                 <label for="type" class="form-label">{{ $t("Monitor Type") }}</label>
                                 <select id="type" v-model="monitor.type" class="form-select">
+                                    <optgroup label="General Monitor Type">
                                         <option value="http">
                                             HTTP(s)
                                         </option>
@@ -26,9 +27,15 @@
                                         <option value="dns">
                                             DNS
                                         </option>
+                                    </optgroup>
+
+                                    <optgroup label="Passive Monitor Type">
                                         <option value="push">
                                             Push
                                         </option>
+                                    </optgroup>
+
+                                    <optgroup label="Specific Monitor Type">
                                         <option value="steam">
                                             {{ $t("Steam Game Server") }}
                                         </option>
@@ -38,6 +45,7 @@
                                         <option value="sqlserver">
                                             SQL Server
                                         </option>
+                                    </optgroup>
                                 </select>
                             </div>