Use link title for footer links and page cards (#3849)

Author: clairechabas

packages/gitbook/src/components/PageBody/PageBodyBlankslate.tsx

@@ -46,7 +46,7 @@ export async function PageBodyBlankslate(props: {
                     <Card
                         key={child.id}
                         leadingIcon={icon}
-                        title={child.title}
+                        title={child.linkTitle || child.title}
                         href={resolved.href}
                         insights={{
                             type: 'link_click',
@@ -62,7 +62,14 @@ export async function PageBodyBlankslate(props: {
                 pages: context.revision.pages,
                 page: child,
             });
-            return <Card key={child.id} title={child.title} leadingIcon={icon} href={href} />;
+            return (
+                <Card
+                    key={child.id}
+                    title={child.linkTitle || child.title}
+                    leadingIcon={icon}
+                    href={href}
+                />
+            );
         })
     );
 

packages/gitbook/src/components/PageBody/PageFooterNavigation.tsx

@@ -43,7 +43,7 @@ export async function PageFooterNavigation(props: {
                 <NavigationCard
                     icon="chevron-left"
                     label={t(language, 'previous_page')}
-                    title={previous.title}
+                    title={previous.linkTitle || previous.title}
                     href={previousHref}
                     insights={{
                         type: 'link_click',
@@ -62,7 +62,7 @@ export async function PageFooterNavigation(props: {
                 <NavigationCard
                     icon="chevron-right"
                     label={t(language, 'next_page')}
-                    title={next.title}
+                    title={next.linkTitle || next.title}
                     href={nextHref}
                     insights={{
                         type: 'link_click',