consistent cursors on guide cards on the home page (#11779)

closes #9990

Author: a-hariti

src/components/platformFilter/index.tsx

@@ -116,17 +116,15 @@ function PlatformWithGuides({
     >
       <Collapsible.Trigger asChild className={classNames(styles.CollapsibleTrigger)}>
         <div>
-          <Link href={platform.url} key={platform.key}>
-            <div className={styles.PlatformTitle}>
-              <PlatformIcon
-                size={20}
-                platform={platform.icon ?? platform.key}
-                format="lg"
-                className={styles.PlatformIcon}
-              />
-              {platform.title}
-            </div>
-          </Link>
+          <div className={styles.PlatformTitle} key={platform.key}>
+            <PlatformIcon
+              size={20}
+              platform={platform.icon ?? platform.key}
+              format="lg"
+              className={styles.PlatformIcon}
+            />
+            {platform.title}
+          </div>
           <button className={styles.ChevronButton}>
             <TriangleRightIcon
               className={styles.CollapsibleChevron}
@@ -142,7 +140,7 @@ function PlatformWithGuides({
         // scrollable if there are more than 8 (arbitrary limit) guides
         data-scrollable={platform.guides.length >= 8 || platform.integrations.length >= 8}
       >
-        {platform.guides.map((guide, i) => (
+        {[platform, ...platform.guides].map((guide, i) => (
           <Link href={guide.url} key={guide.key}>
             <div
               className={styles.Guide}

src/components/platformFilter/style.module.scss

@@ -44,6 +44,7 @@
 }
 
 .CollapsibleTrigger {
+  cursor: pointer;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   flex: 1;