Added Github card

[Fabrizz]

What kind of changes does this PR include?

• Added a Github Card (::github{repo="chrismwilliams/astro-theme-cactus" leaf directive) https://talk.commonmark.org/t/generic-directives-plugins-syntax/444#:~:text=2.%20Leaf%20Block%20Directives

Description

• Added the remark plugin to handle leaf directives for the Github card. (Using the refractored remark-admonitions.ts as a template, no new deps)
• Added the css to handle the card + inlined the icons
• The card loads with a pulsating skeleton, when the content is fetched it gets populated. If it cant reach the Github API (connection, rete-limit, etc) only the title/link is shown.
• Automatically converts a link or just the username/repo.

[netlify]

👷 Deploy request for astro-theme-cactus pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	e73b276

[Fabrizz]

It seems that for some reason the remark-admonitions.ts transformUnhandledDirective function breaks the leaf directives. Putting it before the remarkAdmonitions plugin makes the plugin work.

[chrismwilliams]

Hi @Fabrizz, thanks for doing this. I'll circle back round to look at this properly once I've updated the theme to tailwind v4. I'm hoping to remove tailwind.config.ts and convert it to css.