fix navbar styles

apps/trading/components/icons/vega.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 
 export function Vega({ className }: { className?: string }) {
-  const svgClasses = classNames(className, 'fill-current', 'w-[76px] h-[16px]');
+  const svgClasses = classNames(className, 'fill-current');
   return (
     <svg
       width="86"

apps/trading/components/navbar/index.tsx

@@ -35,7 +35,7 @@ const NavLink = ({ name, path, exact }: NavLinkProps) => {
   return (
     <AnchorButton
       variant={isActive ? 'accent' : 'inline'}
-      className="px-16 h-[38px] text-h4 uppercase border-0"
+      className="px-16 py-6 h-[38px] text-h4 uppercase border-0 self-end"
       href={path}
       onClick={(e) => {
         e.preventDefault();

apps/trading/pages/_app.page.tsx

@@ -17,7 +17,13 @@ import { VegaWalletButton } from '../components/vega-wallet-connect-button';
 import { useThemeSwitcher } from '../hooks/use-theme-switcher';
 
 function VegaTradingApp({ Component, pageProps }: AppProps) {
-  const client = useMemo(() => createClient(process.env['NX_VEGA_URL']), []);
+  const client = useMemo(
+    () =>
+      createClient(
+        process.env['NX_VEGA_URL'] || 'https://n03.stagnet2.vega.xyz'
+      ),
+    []
+  );
   const [dialogOpen, setDialogOpen] = useState(false);
   const setTheme = useThemeSwitcher();
 
@@ -41,7 +47,7 @@ function VegaTradingApp({ Component, pageProps }: AppProps) {
             />
           </Head>
           <div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60">
-            <div className="flex items-center border-b-[7px] border-vega-yellow">
+            <div className="flex items-stretch border-b-[7px] border-vega-yellow">
               <Navbar />
               <div className="flex items-center ml-auto mr-8">
                 <VegaWalletButton setConnectDialog={setConnectDialog} />

apps/trading/pages/index.page.tsx

@@ -19,25 +19,6 @@ export function Index() {
           </Button>
         </div>
       </Callout>
-      <h1>Vega wallet</h1>
-      {keypair && <p>Current: {keypair.pub}</p>}
-      {keypairs?.length ? (
-        <select
-          name="change-key"
-          className="w-full px-8 py-2 border-black border"
-          value={keypair ? keypair.pub : 'none'}
-          onChange={(e) => selectPublicKey(e.target.value)}
-        >
-          <option value="none" disabled={true}>
-            Please select
-          </option>
-          {keypairs.map((pk) => (
-            <option key={pk.pub} value={pk.pub}>
-              {pk.name} ({pk.pub})
-            </option>
-          ))}
-        </select>
-      ) : null}
     </div>
   );
 }