Add info banner

src/components/layout/AppLayout.tsx

@@ -5,6 +5,7 @@ import { toTitleCase } from '@hyperlane-xyz/utils';
 
 import { Footer } from '../nav/Footer';
 import { Header } from '../nav/Header';
+import { InfoBanner } from '../nav/InfoBanner';
 
 interface Props {
   pathName: string;
@@ -22,7 +23,7 @@ export function AppLayout({ pathName, children }: PropsWithChildren<Props>) {
         style={styles.container}
         className="relative w-full min-w-screen h-full min-h-screen flex flex-col justify-between bg-blue-500"
       >
-        {/* <InfoBanner /> */}
+        <InfoBanner />
         <Header pathName={pathName} />
         <div className="max-w-5xl mx-auto grow">
           <main style={styles.main} className="relative min-h-full pt-3 z-20">

src/components/nav/InfoBanner.tsx

@@ -1,13 +1,13 @@
 export function InfoBanner() {
   return (
     <a
-      href="https://explorer-v1.hyperlane.xyz"
+      href="https://explorer-v2.hyperlane.xyz"
       target="_blank"
       rel="noopener noreferrer"
       className="block py-1.5 w-full text-white text-center text-sm bg-blue-600 hover:bg-blue-700 active:bg-blue-800 ring-1 ring-inset ring-green-700 transition-all duration-300"
     >
-      This is the Explorer for Hyperlane version 2.{' '}
-      <span className="underline underline-offset-2">Use version 1</span>
+      This is the explorer for Hyperlane version 3.{' '}
+      <span className="underline underline-offset-2">Use version 2</span>
     </a>
   );
 }