Update skyvern UI responsiveness (#1098)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/routes/root/Header.tsx

@@ -1,6 +1,7 @@
 import { DiscordLogoIcon } from "@radix-ui/react-icons";
 import GitHubButton from "react-github-btn";
 import { Link, useMatch } from "react-router-dom";
+import { NavigationHamburgerMenu } from "./NavigationHamburgerMenu";
 
 function Header() {
   const match = useMatch("/workflows/:workflowPermanentId/edit");
@@ -11,24 +12,27 @@ function Header() {
 
   return (
     <header>
-      <div className="flex h-24 items-center justify-end gap-4 px-6">
-        <Link
-          to="https://discord.com/invite/fG2XXEuQX3"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <DiscordLogoIcon className="h-7 w-7" />
-        </Link>
-        <div className="h-7">
-          <GitHubButton
-            href="https://github.com/skyvern-ai/skyvern"
-            data-color-scheme="no-preference: dark; light: dark; dark: dark;"
-            data-size="large"
-            data-show-count="true"
-            aria-label="Star skyvern-ai/skyvern on GitHub"
+      <div className="flex h-24 items-center px-6">
+        <NavigationHamburgerMenu />
+        <div className="ml-auto flex gap-4">
+          <Link
+            to="https://discord.com/invite/fG2XXEuQX3"
+            target="_blank"
+            rel="noopener noreferrer"
           >
-            Star
-          </GitHubButton>
+            <DiscordLogoIcon className="h-7 w-7" />
+          </Link>
+          <div className="h-7">
+            <GitHubButton
+              href="https://github.com/skyvern-ai/skyvern"
+              data-color-scheme="no-preference: dark; light: dark; dark: dark;"
+              data-size="large"
+              data-show-count="true"
+              aria-label="Star skyvern-ai/skyvern on GitHub"
+            >
+              Star
+            </GitHubButton>
+          </div>
         </div>
       </div>
     </header>