Put plain text and rich text formats next to each other

src/sidebar/components/ShareDialog/ExportAnnotations.tsx

@@ -55,18 +55,18 @@ const exportFormats: ExportFormat[] = [
     shortTitle: 'Text',
     description: 'For import into word processors as plain text',
   },
-  {
-    value: 'csv',
-    title: 'Table (CSV)',
-    shortTitle: 'CSV',
-    description: 'For import into a spreadsheet',
-  },
   {
     value: 'html',
     title: 'Rich text (HTML)',
     shortTitle: 'HTML',
     description: 'For import into word processors as rich text',
   },
+  {
+    value: 'csv',
+    title: 'Table (CSV)',
+    shortTitle: 'CSV',
+    description: 'For import into a spreadsheet',
+  },
 ];
 
 function formatToMimeType(format: ExportFormat['value']): string {

src/sidebar/components/ShareDialog/test/ExportAnnotations-test.js

@@ -269,13 +269,13 @@ describe('ExportAnnotations', () => {
       optionText(1, 'description'),
       'For import into word processors as plain text',
     );
-    assert.equal(optionText(2, 'name'), 'Table (CSV)');
-    assert.equal(optionText(2, 'description'), 'For import into a spreadsheet');
-    assert.equal(optionText(3, 'name'), 'Rich text (HTML)');
+    assert.equal(optionText(2, 'name'), 'Rich text (HTML)');
     assert.equal(
-      optionText(3, 'description'),
+      optionText(2, 'description'),
       'For import into word processors as rich text',
     );
+    assert.equal(optionText(3, 'name'), 'Table (CSV)');
+    assert.equal(optionText(3, 'description'), 'For import into a spreadsheet');
   });
 
   [