Is your feature request related to a problem? Please describe.

In Capgemeni Greensight, the "ScoreBlock" Organism component provide tips engaging the reader to focus on the resolution of a "priority rule" to faster gain improvements.

Creedengo Dashboard need this kind of widget to be available

Describe the solution you'd like

A "PriorityRule" Organism component should be added to the design system and look like this

Following the Atomic Design pattern, it should defined as an "Organism" and then

• be stored in the src/components/design-system/Organism
• have a story with the "Design System/Organism/Priority Rule" title
• be composed of
  • 3 types of text styles (See Create a ScoreBlock Organism component #83 )
  • the already implemented RuleIconTag Molecule component
  • the already implement ImpactTag Atom component
  • 2 types of buttons styles
    • it requires to add at least 1 Button component in the 'Atoms' of the design system and a button group - see Add button and button group components #23

Properties

The "Priority Rule" component should have the following properties:

• key: the identifier of the rule (used for the button links)
• name: the name of the rule
• `description: the description of the rule
• severity: the impact severity of the rule which must be one of the 'Optimized', 'Info', 'Low', 'Medium', 'High', 'Blocker' strings (see ImpactTag.vue#L7
• tags: an array of Rule tag identifiers which must all be one of the 'cpu', 'disk', 'maintenance', 'network', 'ram' strings (see RuleIconTag.vue#L8)