Extract elements from Figma design

[mya-crabnebula]

This will be a fairly arduous task and maybe Alve can work his Figma magic to make some of these components easy to export, but we need to go through and pull as many reusable components out of the provided Figma design.

https://www.figma.com/file/fXTbZbLIwxnyQKOZERng3b/CrabNebula-Brand?type=design&node-id=2398-2856&t=K2wj0EDnp0X16c8v-0

The basic idea is to:

1. Pick a component from the list
2. Create an HTML snippet that makes it easy to drop that component into any project (add section to index.md)
3. Create a sass file for the component (i.e. _card.sass)
4. Port CSS from Figma to associated sass file
5. Build the project (npm run build)
6. Verify in browser

Components remaining (loosely based on Bootstap):

• [x] Lists
• [ ] Tables
• [x] Badge
• [ ] Breadcrumb
• [x] Buttons
• [x] Card
• [ ] Dropdowns
• [ ] List group
• [ ] Modal
• [ ] Navbar
• [ ] Navs and tabs
• [ ] Pagination
• [ ] Progress
• [ ] Toasts

[mya-crabnebula]

All remaining elements have been broken out into their own respective tasks. There are probably a handful of elements outside the list above that need to be built as well (such as containers / grid system).