UI changes (#9823)

* fix button within button

* add subtle overlay gradient

* try disconnecting to improve memory usage

* rounded corners on gradients

web/src/components/Header.tsx

@@ -50,9 +50,7 @@ function Header({ onToggleNavbar }: HeaderProps) {
         </Button>
         <Link to="/">
           <div className="flex flex-row items-center">
-            <div className="w-10 mr-5">
-              <Logo />
-            </div>
+            <Logo className="w-10 mr-5" />
           </div>
         </Link>
         <HeaderNavigation />