Replace old ChainSelect with new Header

components/Header.tsx

@@ -0,0 +1,9 @@
+import ChainConnect from "./ChainConnect";
+
+export default function Header() {
+  return (
+    <header className="bg-fuchsia-900">
+      <ChainConnect />
+    </header>
+  );
+}

pages/_app.tsx

@@ -1,20 +1,18 @@
+import Header from "@/components/Header";
 import { Toaster } from "@/components/ui/toaster";
 import ThemeProvider from "@/context/ThemesContext";
 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
-import ChainSelect from "../components/chainSelect/ChainSelect";
 import { ChainsProvider } from "../context/ChainsContext";
 
-function MultisigApp({ Component, pageProps }: AppProps) {
-  const showChainSelect = process.env.NEXT_PUBLIC_MULTICHAIN?.toLowerCase() === "true";
+export default function MultisigApp({ Component, pageProps }: AppProps) {
   return (
     <ChainsProvider>
       <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
-        {showChainSelect && <ChainSelect />}
+        <Header />
         <Component {...pageProps} />
         <Toaster />
       </ThemeProvider>
     </ChainsProvider>
   );
 }
-export default MultisigApp;