fix(settings): use wrapper only if settings shown

The .settings-main-content wrapper in the settings view is now only
used if there are settings shown. It is not used if the settings are
still loading or no section is selected.

src/features/settings/views/SettingsView.vue

@@ -84,16 +84,16 @@ onMounted(async () => {
                     </li>
                 </ul>
             </template>
-            <div class="settings-main-content">
+            <div v-if="!settingsLoaded">
-                <div v-if="!settingsLoaded">
+                {{ t('loading') }}
-                    {{ t('loading') }}
+            </div>
-                </div>
+            <div v-else-if="activeSection">
-                <div v-else-if="activeSection">
+                <div class="settings-main-content">
                     <SettingsPage :setting="activeSectionContent" :path="activeSection" />
                 </div>
-                <div v-else>
+            </div>
-                    {{ t('settings.noSectionSelected') }}
+            <div v-else>
-                </div>
+                {{ t('settings.noSectionSelected') }}
             </div>
         </LeftSidebarLayout>
     </div>