Move settings ordering around

frontend/src/components/SettingsModal.tsx

@@ -217,20 +217,6 @@ export function SettingsModal(props: SettingsModalProps) {
         </div>
       )}
 
-      {shouldRenderSection('mqtt') && (
-        <div className={sectionWrapperClass}>
-          {renderSectionHeader('mqtt')}
-          {isSectionVisible('mqtt') && appSettings && (
-            <SettingsMqttSection
-              appSettings={appSettings}
-              health={health}
-              onSaveAppSettings={onSaveAppSettings}
-              className={sectionContentClass}
-            />
-          )}
-        </div>
-      )}
-
       {shouldRenderSection('database') && (
         <div className={sectionWrapperClass}>
           {renderSectionHeader('database')}
@@ -261,6 +247,20 @@ export function SettingsModal(props: SettingsModalProps) {
         </div>
       )}
 
+      {shouldRenderSection('mqtt') && (
+        <div className={sectionWrapperClass}>
+          {renderSectionHeader('mqtt')}
+          {isSectionVisible('mqtt') && appSettings && (
+            <SettingsMqttSection
+              appSettings={appSettings}
+              health={health}
+              onSaveAppSettings={onSaveAppSettings}
+              className={sectionContentClass}
+            />
+          )}
+        </div>
+      )}
+
       {shouldRenderSection('statistics') && (
         <div className={sectionWrapperClass}>
           {renderSectionHeader('statistics')}

frontend/src/components/settings/settingsConstants.ts

@@ -12,9 +12,9 @@ export const SETTINGS_SECTION_ORDER: SettingsSection[] = [
   'radio',
   'identity',
   'connectivity',
-  'mqtt',
   'database',
   'bot',
+  'mqtt',
   'statistics',
   'about',
 ];
@@ -23,9 +23,9 @@ export const SETTINGS_SECTION_LABELS: Record<SettingsSection, string> = {
   radio: '📻 Radio',
   identity: '🪪 Identity',
   connectivity: '📡 Connectivity',
-  mqtt: '📤 MQTT',
   database: '🗄️ Database & Interface',
-  bot: '🤖 Bot',
+  bot: '🤖 Bots',
+  mqtt: '📤 MQTT',
   statistics: '📊 Statistics',
   about: 'About',
 };