Add styles to badge

app/components/badge.hbs

@@ -1,7 +1,10 @@
 {{#let
   'inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-base-4 text-base-2'
   (hash
-    success='bg-green-light text-green-dark'
+    success='bg-success-light text-success-dark'
+    warning='bg-warning-light text-warning-dark'
+    danger='bg-danger-light text-danger-dark'
+    info='bg-info-light text-info-dark'
   ) as |commonClasses variableClasses|
 }}
   <span class="{{commonClasses}} {{get variableClasses @style}}" ...attributes>

app/templates/admin/tasks/index.hbs

@@ -3,7 +3,9 @@
 <RoyalTable @data={{@model.results}} class='w-full' as |Column data|>
   <Column @prop='uid' />
   <Column @prop='indexUid' />
-  <Column @prop='status' />
+  <Column @prop='status'>
+    <Badge @label={{data.status}} @style='success'/>
+  </Column>
   <Column @prop='type' />
   <Column @prop='details'>
     {{json-stringify data.details}}
@@ -46,3 +48,7 @@
     }}
   </Column>
 </RoyalTable>
+
+<div class='flex items-center'>
+
+</div>