Fix RTL fallback card navigation (#14285)

Author: anujraja

src/components/NavGrid/CardsNav.astro

@@ -22,9 +22,11 @@ export interface Props {
 const { links, size, class: classes } = Astro.props as Props;
 
 const currentPage = new URL(Astro.request.url).pathname;
+// Fallback pages can render English content while their navigation labels use the page locale.
+const textDirection = Astro.locals.t.dir();
 ---
 
-<section class:list={['cards-nav', classes, 'not-content']}>
+<section dir={textDirection} class:list={['cards-nav', classes, 'not-content']}>
 	<slot />
 	<Grid {size}>
 		{