Fix builder settings modal menu highlighting (baserow#4750)

Author: jonadeline

web-frontend/modules/automation/components/settings/AutomationSettingsModal.vue

@@ -17,7 +17,11 @@
         <li v-for="setting in registeredSettings" :key="setting.getType()">
           <a
             class="modal-sidebar__nav-link"
-            :class="{ active: setting === settingSelected }"
+            :class="{
+              active:
+                settingSelected &&
+                setting.getType() === settingSelected.getType(),
+            }"
             @click="settingSelected = setting"
           >
             <i class="modal-sidebar__nav-icon" :class="setting.icon"></i>

web-frontend/modules/builder/components/settings/BuilderSettingsModal.vue

@@ -16,7 +16,11 @@
           <a
             v-tooltip="setting.isDeactivatedReason({ workspace }) || null"
             class="modal-sidebar__nav-link"
-            :class="{ active: setting === settingSelected }"
+            :class="{
+              active:
+                settingSelected &&
+                setting.getType() === settingSelected.getType(),
+            }"
             @click="onClick(setting)"
           >
             <i class="modal-sidebar__nav-icon" :class="setting.icon"></i>