Asides (Admonitions) restyle

[mikimih]

Restyle Starlight Admonitions Based on Design

This PR adds a new Aside component to match the design for admonitions.

How to Use in MDX Files

There are two ways to create admonitions:

1. Using a pair of triple colons:

:::note
Starlight is a documentation website toolkit built with [Astro](https://astro.build/).
:::

:::tip[Did you know?]
Astro helps you build faster websites with [Islands Architecture](https://docs.astro.build/en/concepts/islands/).
:::

:::caution
Think twice before using [Starlight](/) if you're unsure.
:::

2. Using the Custom Aside Component:

import Aside from "@components/Aside.astro";

<Aside type='tip' title="Did you know?">
  Astro helps you build faster websites with [Islands Architecture](https://docs.astro.build/en/concepts/islands/).
</Aside>

Notes

• The default Starlight Aside component cannot be overridden. Therefore, we created a similar custom Aside component.
• The design requires a custom icon for "tip" admonitions. Notice the difference in the icon between:

<Aside type='tip' title="Did you know?">
  Astro helps you build faster websites with [“Islands Architecture”](https://docs.astro.build/en/concepts/islands/).
</Aside>

and

:::tip[Did you know?]
Astro helps you build faster websites with [“Islands Architecture”](https://docs.astro.build/en/concepts/islands/).
:::

• Styling is the same for both methods.

We recommend using the second option with the Aside component, as it uses the icons from our design.

[osslate]

LGTM, thanks!

[ivan-burazin]

@mikimih tip has the wrong icon. Please double check this things before submitting

[mikimih]

As I explained in my initial PR comment:

The default Starlight Aside component cannot be overridden, which results in the default Starlight icon on "tip" admonitions with triple colons (:::) syntax.

To address this, I created a custom Aside component to use the correct icons per our design. This custom component should be used in MDX files for accurate "tip" annotations.

I've now pushed updates to the MDX files, replacing the triple colon syntax with a custom Aside component.

[osslate]

Thanks @mikimih! Just to note that there are admonitions left to change to <Aside>, but I opened issue #37 to track this earlier. I'll send a PR to change them docs-wide.