proper suboptions hierarchy

src/components/settings_modal/tabs/composing_tab.vue

@@ -94,7 +94,6 @@
           >
             {{ $t('settings.image_compression') }}
           </BooleanSetting>
-        </li>
           <ul class="setting-list suboptions">
             <li>
               <BooleanSetting
@@ -106,6 +105,7 @@
               </BooleanSetting>
             </li>
           </ul>
+        </li>
       </ul>
     </div>
   </div>

src/components/settings_modal/tabs/notifications_tab.vue

@@ -201,8 +201,6 @@
           <BooleanSetting path="showExtraNotifications">
             {{ $t('settings.notification_show_extra') }}
           </BooleanSetting>
-        </li>
-        <li>
           <ul class="setting-list suboptions">
             <li>
               <BooleanSetting

src/components/settings_modal/tabs/posts_tab.vue

@@ -16,7 +16,6 @@
           >
             {{ $t('settings.conversation_display') }}
           </ChoiceSetting>
-        </li>
           <ul
             v-if="mergedConfig.conversationDisplay !== 'linear'"
             class="setting-list suboptions"
@@ -54,6 +53,7 @@
               </ChoiceSetting>
             </li>
           </ul>
+        </li>
         <li>
           <FontControl
             :model-value="mergedConfig.theme3hacks.fonts.post"
@@ -103,6 +103,16 @@
           >
             {{ $t('settings.mention_link_display') }}
           </ChoiceSetting>
+          <ul class="setting-list suboptions">
+            <li>
+              <BooleanSetting
+                v-if="mergedConfig.mentionLinkDisplay !== 'short'"
+                path="mentionLinkFadeDomain"
+              >
+                {{ $t('settings.mention_link_fade_domain') }}
+              </BooleanSetting>
+            </li>
+          </ul>
         </li>
         <li>
           <BooleanSetting
@@ -117,14 +127,6 @@
             {{ $t('settings.mention_link_show_avatar') }}
           </BooleanSetting>
         </li>
-        <li>
-          <BooleanSetting
-            v-if="mergedConfig.mentionLinkDisplay !== 'short'"
-            path="mentionLinkFadeDomain"
-          >
-            {{ $t('settings.mention_link_fade_domain') }}
-          </BooleanSetting>
-        </li>
         <li v-if="user">
           <BooleanSetting
             path="mentionLinkBoldenYou"
@@ -142,7 +144,6 @@
           >
             {{ $t('settings.no_rich_text_description') }}
           </BooleanSetting>
-        </li>
           <ul
             v-if="mergedConfig.useAbsoluteTimeFormat"
             class="setting-list suboptions"
@@ -158,6 +159,7 @@
               </UnitSetting>
             </li>
           </ul>
+        </li>
       </ul>
       <h3>{{ $t('settings.attachments') }}</h3>
       <ul class="setting-list">
@@ -170,7 +172,6 @@
           <BooleanSetting path="hideNsfw">
             {{ $t('settings.nsfw_clickthrough') }}
           </BooleanSetting>
-        </li>
           <ul class="setting-list suboptions">
             <li>
               <BooleanSetting
@@ -191,6 +192,7 @@
               </BooleanSetting>
             </li>
           </ul>
+        </li>
         <li>
           <BooleanSetting
             path="loopVideo"