@CharlieHelps please look through apps/web. the objective of this issue is to update the design-system.html file. We want to add a block for the "info bubbles" that are rendered in vitepress. We have custom CSS present which overrides and extends the base CSS of vitepress. Requirements:

1. A new block for "Informational Bubbles"
2. An accurate representation of the "warning" bubble (::: warning)
3. An accurate representation of the "info" bubble (::: info)
4. An accurate representation of the "tip" bubble (::: tip)
5. Representations of each in both light and dark mode sections
6. The light mode bubbles should be intelligently color shifted with design system colors, taking into account how other controls have been for their light mode representation
7. All bubbles should be accurate. Triple check your work. Start the web app and use a browser to view the results to assert that your additions are correct and accurate compared to the apps/web source.