Update !context bot command formatting and add descriptive (hyper-)links

[ManonLef]

This PR

• edits formatting of the !context embed contents to look better on mobile
• changes the links into a list of links in descriptive format

(edit: apologies for the former PR edits/commits to show up, hope you can squash them away :))

Current output on app/site and mobile respectively

This PR Output on app/site and mobile respectively

[ghost]

👇 Click on the image for a new way to code review

Legend

[what-the-diff]

PR Summary

• Update on src/features/commands.ts
  This change enhances the readability of the code and provides additional educational resources. The text has been reformatted for improved coherence, while references to articles explaining the differences between Redux and Context have been added.

• Modifications to src/components/Button.tsx
  To increase the versatility of our Button component, a new variant named 'danger' has been added. This variant can be used to signify actions in the user interface that could lead to destructive results, which enhances our ability to guide user behaviors.

• Adjustment to src/styles/global.scss
  Aesthetic adjustments have been made to our global styles. A new color variable denominated as $color-danger is available for use. Also, we've specified the look of our newly created 'danger' button variant, marking it with a distinct background color and white text to signify potential high-risk actions to our users.

[vcarl]

Cheers! Pesky multiline strings 😁