feat(headerComponent): add "join the waitlist" link to the header component

- Added a new anchor tag with the link to the Langflow website's waitlist page
- Added a new CSS class `.header-waitlist-link-box` to style the waitlist link
- Added hover effect to the waitlist link when hovered over

src/frontend/src/components/headerComponent/index.tsx

@@ -64,6 +64,15 @@ export default function Header() {
       </div>
       <div className="header-end-division">
         <div className="header-end-display">
+          <a
+            href="https://www.langflow.org/"
+            target="_blank"
+            rel="noreferrer"
+            className="header-waitlist-link-box"
+          >
+            <span className="">⛓️</span>
+            join the waitlist
+          </a>
           <a
             href="https://github.com/logspace-ai/langflow"
             target="_blank"

src/frontend/src/style/applies.css

@@ -495,6 +495,12 @@
   .header-github-link-box {
     @apply inline-flex h-9 items-center justify-center rounded-md border border-input px-3 pr-0 shadow-sm;
   }
+  .header-waitlist-link-box {
+    @apply header-github-link-box pr-3 text-sm  font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap;
+  }
+  .header-waitlist-link-box:hover {
+    @apply hover:bg-accent hover:text-accent-foreground;
+  }
   .header-github-link {
     @apply header-github-link-box text-sm  font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50;
   }