Merge branch 'main' of https://github.com/solana-labs/dapp-scaffold

Author: DonnySolana

src/components/AppBar.tsx

@@ -68,7 +68,7 @@ export const AppBar: React.FC = () => {
         </div>
           <label
               htmlFor="my-drawer"
-              className="btn-gh items-center justify-between md:hidden mr-5"
+              className="btn-gh items-center justify-between md:hidden mr-6"
               onClick={() => setIsNavOpen(!isNavOpen)}>
               <div className="HAMBURGER-ICON space-y-2.5 ml-5">
               <div className={`h-0.5 w-8 bg-purple-600 ${isNavOpen ? 'hidden' : ''}`} />

src/components/Footer.tsx

@@ -3,7 +3,7 @@ import Link from 'next/link';
 import Image from 'next/image';
 export const Footer: FC = () => {
     return (
-        <div className="relative mb-40">
+        <div className="relative mb-40 mt-40">
             <footer className="border-t-2 border-[#141414] bg-black hover:text-white absolute w-full" >
                 <div className="ml-12 py-12 mr-12">
                     <div className="grid grid-cols-2 md:grid-cols-6 gap-2 md:gap-8 md:space-x-12 relative">

src/pages/_app.tsx

@@ -22,8 +22,8 @@ const App: FC<AppProps> = ({ Component, pageProps }) => {
               <AppBar/>
               <ContentContainer>
                 <Component {...pageProps} />
+                <Footer/>
               </ContentContainer>
-              <Footer/>
             </div>
           </ContextProvider>
         </>