fix: various tweaks

apps/web/src/components/FeedbackButton.tsx

@@ -111,7 +111,7 @@ const FeedbackButton: React.FC = () => {
                     Need help?{" "}
                     <Link
                       href="mailto:support@kanbn.com"
-                      className="text-blue-600 underline"
+                      className="text-blue-600 underline dark:text-blue-300"
                     >
                       Contact us
                     </Link>
@@ -120,7 +120,7 @@ const FeedbackButton: React.FC = () => {
                       href="https://docs.kanbn.com"
                       target="_blank"
                       rel="noreferrer"
-                      className="text-blue-600 underline"
+                      className="text-blue-600 underline dark:text-blue-300"
                     >
                       docs
                     </Link>

apps/web/src/views/boards/components/BoardsList.tsx

@@ -42,7 +42,7 @@ export function BoardsList() {
     );
 
   return (
-    <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xxl:grid-cols-5">
+    <div className="grid h-fit w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xxl:grid-cols-5">
       {data?.map((board) => (
         <Link key={board.publicId} href={`boards/${board.publicId}`}>
           <div className="align-center relative mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-light-400 bg-light-50 shadow-sm hover:bg-light-200 dark:border-dark-600 dark:bg-dark-50 dark:hover:bg-dark-100">

apps/web/src/views/home/components/Cta.tsx

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { useEffect, useState } from "react";
 
 import Button from "~/components/Button";
@@ -55,9 +56,11 @@ const Cta = ({ theme }: { theme: string }) => {
             Unlimited boards, unlimited lists, unlimited cards. No credit card
             required.
           </p>
-          <div className="mt-10 flex items-center justify-center gap-x-6">
-            <Button size="lg">Get started</Button>
-          </div>
+          <Link href="/signup">
+            <div className="mt-10 flex items-center justify-center gap-x-6">
+              <Button size="lg">Get started</Button>
+            </div>
+          </Link>
         </div>
       </div>
       <svg

apps/web/src/views/home/components/Pricing.tsx

@@ -122,7 +122,7 @@ const Pricing = () => {
             key={tier.id}
             className={twMerge(
               tier.highlighted
-                ? "bg-dark-50 ring-1 dark:ring-dark-800"
+                ? "bg-dark-50 ring-1 ring-dark-50 dark:ring-dark-800"
                 : "bg-light-50 ring-1 ring-light-300 dark:bg-dark-50 dark:ring-dark-300",
               "rounded-3xl p-8 xl:p-10",
             )}