[Other]: Add a PackageManager component

[amirhhashemi]

📋 Explain your issue

There are a lot of package-manager related instructions in the docs. For example, when a package needs to be installed we add tab like this:

The documentation for these is written manually, which results in a significant amount of boilerplate and inconsistency. For example, some sections do not include instructions for Deno or Bun, or both. Additionally, some parts instruct users to use pnpm add while others suggest pnpm install for installing packages with Pnpm.

Moreover, there is a lot of room for error due to wired Prettier behaviors.

I propose adding a component called PackageManager (or a similar name) that renders a tab with instructions for each package manager we want to support. The API could look like this:

<PackageManager command="install" args={["@solidjs/router", "@solidjs/meta"]} />
<PackageManager command="run" args={["dev"]} />

This approach ensures consistency and minimizes repetitive code.

Feel free to assign this to me if you’d like.

[LadyBluenotes]

Thank you for bringing this up - I'm going to bring this to the team and talk to them about it and I will update you with what we decide to do and if it's something you can assist with!