improve export mode button

src/components/ExportConfirm.jsx

@@ -145,7 +145,7 @@ const ExportConfirm = memo(({
                         <ExportModeButton selectedSegments={selectedSegments} />
                       </td>
                       <td>
-                        {effectiveExportMode === 'sesgments_to_chapters' && <WarningSignIcon verticalAlign="middle" color="warning" marginLeft=".3em" title={i18n.t('Chapters only')} />}
+                        {effectiveExportMode === 'sesgments_to_chapters' && <WarningSignIcon verticalAlign="middle" color="warning" marginLeft=".3em" title={i18n.t('Segments to chapters mode is active, this means that the file will not be cut. Instead chapters will be created from the segments.')} />}
                         <HelpIcon onClick={onExportModeHelpPress} />
                       </td>
                     </tr>

src/components/ExportModeButton.jsx

@@ -54,9 +54,11 @@ const ExportModeButton = memo(({ selectedSegments, style }) => {
       value={effectiveExportMode}
       onChange={withBlur((e) => onChange(e.target.value))}
     >
+      <option key="disabled" value="" disabled>{t('Export mode')}</option>
+
       {selectableModes.map((mode) => {
         const titles = {
-          sesgments_to_chapters: t('Chapters only'),
+          sesgments_to_chapters: t('Segments to chapters'),
           merge: t('Merge cuts'),
           'merge+separate': t('Merge & Separate'),
           separate: t('Separate files'),