docs(components): fix cross-component links in MDX docs (#213)

Closes #212

## Summary

- Convert inline backtick references in Related components sections to
proper markdown links (Checkbox, Radio, Switch, TextArea)
- Remove erroneously added Related components sections from Divider and
Typography

Author: Chibuzor-Nwemambu

packages/components/docs/Checkbox.mdx

@@ -95,5 +95,5 @@ Common uses include multi-select lists (inbox, photo picker, contact selection)
 
 ## Related components
 
-- `Radio` — for selecting a single option from a mutually exclusive set.
-- `Switch` — for toggling a single on/off setting.
+- [`Radio`](/components/radio) — for selecting a single option from a mutually exclusive set.
+- [`Switch`](/components/switch) — for toggling a single on/off setting.

packages/components/docs/Radio.mdx

@@ -76,5 +76,5 @@ When no visible label is needed, provide `accessibilityLabel` for screen readers
 
 ## Related components
 
-- `Checkbox` — for selecting one or more items from a set.
-- `Switch` — for toggling a single on/off setting.
+- [`Checkbox`](/components/checkbox) — for selecting one or more items from a set.
+- [`Switch`](/components/switch) — for toggling a single on/off setting.

packages/components/docs/Switch.mdx

@@ -68,5 +68,5 @@ Also accepts all React Native [`ViewProps`](https://reactnative.dev/docs/view#pr
 
 ## Related components
 
-- `Checkbox` — for selecting one or more items from a set.
-- `Radio` — for selecting a single option from a mutually exclusive set.
+- [`Checkbox`](/components/checkbox) — for selecting one or more items from a set.
+- [`Radio`](/components/radio) — for selecting a single option from a mutually exclusive set.

packages/components/docs/TextArea.mdx

@@ -108,5 +108,5 @@ Also accepts all React Native [`TextInputProps`](https://reactnative.dev/docs/te
 
 ## Related components
 
-- `TextField` — single-line labelled input with the same field structure.
-- `Input` — bare single-line input without label or helper message.
+- [`TextField`](/components/textfield) — single-line labelled input with the same field structure.
+- [`Input`](/components/input) — bare single-line input without label or helper message.

packages/components/docs/Typography.mdx

@@ -60,7 +60,7 @@ const { colors } = useToken()
 
 ```tsx
 <Typography numberOfLines={2} onPress={handlePress}>
-  A tappable, truncating paragraph.
+    A tappable, truncating paragraph.
 </Typography>
 ```
 
@@ -117,4 +117,3 @@ Both components also accept all React Native [`TextProps`](https://reactnative.d
 - For structural headings (such as screen titles), supply `accessibilityRole="header"` on the element.
 - All native `Text` accessibility props (`accessibilityLabel`, `accessibilityHint`, etc.) pass through.
 - Font scaling follows the OS text-size setting by default; override with `allowFontScaling={false}` if needed.
-