refactor: move the section order reset into the editor tab

messages/en.json

@@ -564,6 +564,7 @@
       "hideSection": "Hide section",
       "reorderSection": "Reorder section",
       "resetOrder": "Reset section order",
+      "sectionsHeading": "Sections",
       "addSection": "Custom Section",
       "tabDocument": "Document"
     },

messages/id.json

@@ -564,6 +564,7 @@
       "hideSection": "Sembunyikan bagian",
       "reorderSection": "Ubah urutan bagian",
       "resetOrder": "Setel ulang urutan bagian",
+      "sectionsHeading": "Bagian",
       "addSection": "Bagian Khusus",
       "tabDocument": "Dokumen"
     },

src/components/editor/editor-sections/ed-section-order-reset.tsx

@@ -33,9 +33,8 @@ export function EditorSectionOrderReset() {
       <TooltipTrigger
         render={
           <Button
-            size="icon-xs"
+            size="icon-sm"
             variant="ghost"
-            className="ml-auto"
             disabled={disabled}
             onClick={() => resetSectionOrder()}
           />

src/components/editor/editor-sidebar-content.tsx

@@ -40,11 +40,16 @@ export function EditorSidebarContent() {
               </TabsTrigger>
             ))}
           </TabsList>
-          <EditorSectionOrderReset />
         </div>
 
         <TabsContent value="editor">
           <ScrollArea id="tour-editor-sections" className={PANEL_HEIGHT}>
+            <div className="flex items-center justify-end px-4 pt-4">
+              <h3 className="text-sm font-medium sr-only">
+                {t("sectionsHeading")}
+              </h3>
+              <EditorSectionOrderReset />
+            </div>
             <EditorSectionList />
           </ScrollArea>
         </TabsContent>