✨(react) add danger color to Button

We adding do's and don't to the documentation I realized that the
danger button was really important in some cases even if the style
was not delivered by designers. Example: Delete buttons.

packages/react/src/components/Button/index.stories.mdx

@@ -13,6 +13,7 @@ The Cunningham Button behaves the same as the native html `<button>` element, bu
   <Story id="button--primary"/>
   <Story id="button--secondary"/>
   <Story id="button--tertiary"/>
+  <Story id="button--danger"/>
 </Canvas>
 
 <Source

packages/react/src/components/Button/index.tsx

@@ -1,7 +1,7 @@
 import React, { ButtonHTMLAttributes, ReactNode } from "react";
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-  color?: "primary" | "secondary" | "tertiary";
+  color?: "primary" | "secondary" | "tertiary" | "danger";
   icon?: ReactNode;
   iconPosition?: "left" | "right";
 }