RTorrentConnectionSettingsForm: Socket first, TCP second

R -> S -> T

Plus, socket connection type is preferred due to the added security.

client/src/javascript/components/general/connection-settings/RTorrentConnectionSettingsForm.tsx

@@ -27,7 +27,7 @@ class RTorrentConnectionSettingsForm extends React.Component<
   constructor(props: RTorrentConnectionSettingsProps) {
     super(props);
     this.state = {
-      type: 'tcp',
+      type: 'socket',
     };
   }
 
@@ -142,14 +142,6 @@ class RTorrentConnectionSettingsForm extends React.Component<
                 id: 'connection.settings.rtorrent.type',
               })}>
               <FormRow>
-                <Radio
-                  onChange={(e) => this.handleFormChange(e, 'type')}
-                  groupID="type"
-                  id="tcp"
-                  grow={false}
-                  checked={type === 'tcp'}>
-                  <FormattedMessage id="connection.settings.rtorrent.type.tcp" />
-                </Radio>
                 <Radio
                   onChange={(e) => this.handleFormChange(e, 'type')}
                   groupID="type"
@@ -158,6 +150,14 @@ class RTorrentConnectionSettingsForm extends React.Component<
                   checked={type === 'socket'}>
                   <FormattedMessage id="connection.settings.rtorrent.type.socket" />
                 </Radio>
+                <Radio
+                  onChange={(e) => this.handleFormChange(e, 'type')}
+                  groupID="type"
+                  id="tcp"
+                  grow={false}
+                  checked={type === 'tcp'}>
+                  <FormattedMessage id="connection.settings.rtorrent.type.tcp" />
+                </Radio>
               </FormRow>
             </FormGroup>
           </FormRow>