[Style Guide] Update links to Starlight docs (#20215)

src/content/docs/style-guide/components/asides.mdx

@@ -2,7 +2,7 @@
 title: Asides
 ---
 
-Asides are a built-in component provided by [Starlight](https://starlight.astro.build/guides/components/#asides). Although there are more options, use only the ones below.
+Asides are a built-in component provided by [Starlight](https://starlight.astro.build/components/asides/). Although there are more options, use only the ones below.
 
 ## Note
 

src/content/docs/style-guide/components/badges.mdx

@@ -4,7 +4,7 @@ title: Badges
 
 import { Badge } from "~/components";
 
-Badges are a built-in component provided by [Starlight](https://starlight.astro.build/guides/components/#bades). Use them to indicate a product is in beta, for example.
+Badges are a built-in component provided by [Starlight](https://starlight.astro.build/components/badges/). Use them to indicate a product is in beta, for example.
 
 ## Component
 

src/content/docs/style-guide/components/cards.mdx

@@ -2,15 +2,15 @@
 title: Cards
 ---
 
-Cards are a built-in component provided by [Starlight](https://starlight.astro.build/guides/components/#cards).
+Cards are a built-in component provided by [Starlight](https://starlight.astro.build/components/cards/).
 
 ## Cards
 
 ```mdx live
-import { Card } from '~/components';
+import { Card } from "~/components";
 
 <Card title="Check this out" icon="puzzle">
-  Interesting content you want to highlight.
+	Interesting content you want to highlight.
 </Card>
 ```
 
@@ -20,22 +20,24 @@ import { Card } from '~/components';
 import { ListCard } from "~/components";
 
 <ListCard title="Links" icon="puzzle">
-  - foo
-  - bar
-  - baz
+
+- foo
+- bar
+- baz
+
 </ListCard>
 ```
 
 ## Link title cards
 
 ```mdx live
-import { LinkTitleCard } from '~/components';
+import { LinkTitleCard } from "~/components";
 
 <LinkTitleCard
-  title="Check this out"
-  icon="puzzle"
-  href="/style-guide/components/cards/"
+	title="Check this out"
+	icon="puzzle"
+	href="/style-guide/components/cards/"
 >
-  Interesting content you want to highlight.
+	Interesting content you want to highlight.
 </LinkTitleCard>
-```
+```

src/content/docs/style-guide/components/file-tree.mdx

@@ -2,7 +2,7 @@
 title: File tree
 ---
 
-File tree is a built-in component provided by [Starlight](https://starlight.astro.build/guides/components/#file-tree).
+File tree is a built-in component provided by [Starlight](https://starlight.astro.build/components/file-tree/).
 
 ```mdx live
 import { FileTree } from "~/components"
@@ -14,4 +14,4 @@ import { FileTree } from "~/components"
       - components
         - **file-tree.mdx**
 </FileTree>
-```
+```