ui: Swap location of chapter images + trickplay options

Chapter images is the more lightweight option so should go first, with
the more intensive and advanced TrickPlay going second.

Author: jpds

src/components/libraryoptionseditor/libraryoptionseditor.template.html

@@ -115,6 +115,25 @@ <h2>${HeaderLibrarySettings}</h2>
 <div class="mediaSegmentProviders advanced hide" style="margin-bottom: 2em;">
 </div>
 
+<div class="chapterSettingsSection hide">
+    <h2>${HeaderChapterImages}</h2>
+    <div class="checkboxContainer checkboxContainer-withDescription fldExtractChapterImages">
+        <label>
+            <input type="checkbox" is="emby-checkbox" class="chkExtractChapterImages" />
+            <span>${OptionExtractChapterImage}</span>
+        </label>
+        <div class="fieldDescription checkboxFieldDescription">${ExtractChapterImagesHelp}</div>
+    </div>
+
+    <div class="checkboxContainer checkboxContainer-withDescription fldExtractChaptersDuringLibraryScan advanced">
+        <label>
+            <input type="checkbox" is="emby-checkbox" class="chkExtractChaptersDuringLibraryScan" />
+            <span>${LabelExtractChaptersDuringLibraryScan}</span>
+        </label>
+        <div class="fieldDescription checkboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div>
+    </div>
+</div>
+
 <div class="trickplaySettingsSection hide">
     <h2>${Trickplay}</h2>
     <div class="checkboxContainer checkboxContainer-withDescription fldExtractTrickplayImages">
@@ -142,25 +161,6 @@ <h2>${Trickplay}</h2>
     </div>
 </div>
 
-<div class="chapterSettingsSection hide">
-    <h2>${HeaderChapterImages}</h2>
-    <div class="checkboxContainer checkboxContainer-withDescription fldExtractChapterImages">
-        <label>
-            <input type="checkbox" is="emby-checkbox" class="chkExtractChapterImages" />
-            <span>${OptionExtractChapterImage}</span>
-        </label>
-        <div class="fieldDescription checkboxFieldDescription">${ExtractChapterImagesHelp}</div>
-    </div>
-
-    <div class="checkboxContainer checkboxContainer-withDescription fldExtractChaptersDuringLibraryScan advanced">
-        <label>
-            <input type="checkbox" is="emby-checkbox" class="chkExtractChaptersDuringLibraryScan" />
-            <span>${LabelExtractChaptersDuringLibraryScan}</span>
-        </label>
-        <div class="fieldDescription checkboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div>
-    </div>
-</div>
-
 <div class="subtitleDownloadSettings hide">
     <h2>${HeaderSubtitleDownloads}</h2>