fix navbar and default select value

apps/trading/pages/_app.page.tsx

@@ -122,6 +122,8 @@ function useEagerConnect() {
       return;
     }
 
+    // Use the connector string in local storage to find the right connector to auto
+    // connect to
     const connector = Connectors[cfgObj.connector];
 
     // Developer hasn't provided this connector

apps/trading/pages/index.page.tsx

@@ -1,9 +1,7 @@
 import { Callout, Button } from '@vegaprotocol/ui-toolkit';
-import { rest } from '../lib/connectors';
+import { useVegaWallet } from '@vegaprotocol/react-helpers';
-import { useVegaWallet, VegaKeyExtended } from '@vegaprotocol/react-helpers';
 import { useEffect, useMemo, useState } from 'react';
-import { Connectors, rest } from '../lib/connectors';
+import { Connectors } from '../lib/connectors';
-import { LocalStorage } from '@vegaprotocol/storage';
 
 export function Index() {
   const { keypair, keypairs, selectPublicKey } = useVegaWallet();
@@ -28,7 +26,7 @@ export function Index() {
       {keypairs?.length && (
         <select
           name="change-key"
-          defaultValue="none"
+          value={keypair ? keypair.pub : 'none'}
           onChange={(e) => selectPublicKey(e.target.value)}
         >
           <option value="none" disabled={true}>
@@ -40,7 +38,7 @@ export function Index() {
             </option>
           ))}
         </select>
-      )}
+      ) : null}
       <hr />
       <h2>Public keys</h2>
       <pre>{JSON.stringify(keypairs, null, 2)}</pre>