Add translation keys for Badge Component & improve documentation (#137)

* Begin Work

* Ordering

* Add all keys to JSON file

* Add accepted, approved, archived & closed keys to vue component

* Add draft, failed, listed keys to vue component

* Format (fix lint) & improve documentation

* Finish the work

docs/components/badge.md

@@ -1,5 +1,7 @@
 # Badge
 
+## Colored badge
+
 <DemoContainer>
 <Badge color="red" type="Tomato" />
 <Badge color="orange" type="Squash" />
@@ -13,3 +15,58 @@
 <Badge color="green" type="Lettuce" />
 <Badge type="Onion" />
 ```
+
+## Badge with icon
+
+<DemoContainer>
+<Badge type="admin" />
+<Badge type="moderator" />
+<Badge type="creator" />
+
+<Badge type="approved" />
+<Badge type="approved-general" />
+<Badge type="unlisted" />
+<Badge type="withheld" />
+<Badge type="private" />
+<Badge type="scheduled" />
+<Badge type="draft" />
+<Badge type="archived" />
+<Badge type="rejected" />
+<Badge type="processing" />
+
+<Badge type="accepted" />
+<Badge type="pending" />
+
+<Badge type="processed" />
+<Badge type="failed" />
+<Badge type="returned" />
+
+<Badge type="closed" />
+</DemoContainer>
+
+```vue
+<Badge type="admin" />
+<Badge type="moderator" />
+<Badge type="creator" />
+
+<Badge type="approved" />
+<Badge type="approved-general" />
+<Badge type="unlisted" />
+<Badge type="withheld" />
+<Badge type="private" />
+<Badge type="scheduled" />
+<Badge type="draft" />
+<Badge type="archived" />
+<Badge type="rejected" />
+<Badge type="processing" />
+
+<Badge type="accepted" />
+<Badge type="pending" />
+
+<Badge type="processed" />
+<Badge type="failed" />
+<Badge type="returned" />
+
+<Badge type="closed" />
+```
+