adjust option order

Author: MakinoharaShoko

packages/webgal/src/UI/Menu/Options/Display/Display.tsx

@@ -33,17 +33,6 @@ export function Display() {
           currentChecked={userDataState.optionData.fullScreen}
         />
       </NormalOption>
-      <NormalOption key="textSpeed" title={t('textSpeed.title')}>
-        <OptionSlider
-          initValue={userDataState.optionData.textSpeed}
-          uniqueID={t('textSpeed.title')}
-          onChange={(event) => {
-            const newValue = event.target.value;
-            dispatch(setOptionData({ key: 'textSpeed', value: Number(newValue) }));
-            setStorage();
-          }}
-        />
-      </NormalOption>
       <NormalOption key="textSize" title={t('textSize.title')}>
         <NormalButton
           textList={t('textSize.options.small', 'textSize.options.medium', 'textSize.options.large')}
@@ -84,6 +73,17 @@ export function Display() {
           currentChecked={userDataState.optionData.textboxFont}
         />
       </NormalOption>
+      <NormalOption key="textSpeed" title={t('textSpeed.title')}>
+        <OptionSlider
+          initValue={userDataState.optionData.textSpeed}
+          uniqueID={t('textSpeed.title')}
+          onChange={(event) => {
+            const newValue = event.target.value;
+            dispatch(setOptionData({ key: 'textSpeed', value: Number(newValue) }));
+            setStorage();
+          }}
+        />
+      </NormalOption>
       <NormalOption key="textboxOpacity" title={t('textboxOpacity.title')}>
         <OptionSlider
           initValue={userDataState.optionData.textboxOpacity}