perf(usability): move the connect-wallet widget towards the top of th…

…e settings dialog

Out of all things in the settings, the theme changer and the connect-wallet widget would be the most
used. Both of those thing should be among the first thing in the settings.

src/app/[lang]/components/NavBar/Settings/SettingsForm.tsx

@@ -117,6 +117,11 @@ export default function SettingsForm(props: Props) {
       {/* Setting: Theme setting */}
       <ThemeChanger lng={props.lng} notify={notifySave} />
 
+      {/* Connect wallet */}
+      <div className='mt-8'>
+        <WalletProvider sitename={t('site_name')}><ConnectWallet t={t} /></WalletProvider>
+      </div>
+
       <h3>{t('settings.compose_txn_general_heading')}</h3>
 
       {/* Setting: Do not allow form errors setting */}
@@ -266,11 +271,6 @@ export default function SettingsForm(props: Props) {
         }}
       />
 
-      {/* Connect wallet */}
-      <div className='mt-8'>
-        <WalletProvider sitename={t('site_name')}><ConnectWallet t={t} /></WalletProvider>
-      </div>
-
       <h3>{t('settings.clear_reset_heading')}</h3>
 
       {/* Clear data buttons */}