Document individual components with visible source code

[zshall]

Currently the best way to know how Shell.css works is to view the source of the documentation site. This works but isn't ideal; every component that has functionality is used, but they're used to build the documentation itself. What if a user just wants to know the best way of creating a window, or a dialog box?

There should be clear-cut examples where the source code is visible next to what it produces. This may entail using Bootstrap Grid or there might be multiple versions using different CSS frameworks such as Tailwind or vanilla CSS for a grid system. Either way, we need to break down each component that Shell.css produces and all the main options for it.