Sync: merge main into dev after release

[anasdorbani]

No description provided.

[Copilot]

Pull request overview

This sync PR updates the docs UI and Getting Started page to include an Anthropic/Claude provider card and make the shared DocCard component more flexible for optional icon rendering.

Changes:

• Make DocCard’s Icon prop optional and render the icon conditionally.
• Add an Anthropic/Claude DocCard entry to the Getting Started docs page (including the SiAnthropic icon import).

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
docs/src/components/global/DocCard.tsx	Refactors props typing and makes icon rendering optional.
docs/docs/getting-started/getting-started.md	Adds Anthropic/Claude card and icon import in the provider list.

[Copilot]

The clickable card is implemented as a

with an onClick handler. This is not keyboard-accessible and lacks proper link/button semantics for screen readers. Consider using an (or Docusaurus ) for navigation, or at minimum add role="link"/"button", tabIndex={0}, and key handlers (Enter/Space) so the card is operable via keyboard.

Suggested change

	<div
	onClick={() => window.open(link, "_self")}
	className="my-2 flex gap-2 cursor-pointer rounded-2xl items-center text-lg font-bold border-solid border-[1px] border-[#FF9128] p-4 hover:shadow-[0_0_10px_#FF9128] hover:shadow-orange-500/50 transition-all duration-300 ease-in-out"
	>
	{Icon && (
	<Icon className="text-[#FF9128] text-3xl rounded-lg border-solid border-[1px] border-[#FF9128] p-1" />
	)}
	{title}
	</div>
	<a
	href={link}
	className="my-2 flex gap-2 cursor-pointer rounded-2xl items-center text-lg font-bold border-solid border-[1px] border-[#FF9128] p-4 hover:shadow-[0_0_10px_#FF9128] hover:shadow-orange-500/50 transition-all duration-300 ease-in-out"
	>
	{Icon && (
	<Icon className="text-[#FF9128] text-3xl rounded-lg border-solid border-[1px] border-[#FF9128] p-1" />
	)}
	{title}
	</a>