make sure we print the overall device status in the details page.

webapp/frontend/src/app/modules/detail/detail.component.html

@@ -56,6 +56,20 @@
                     <div class="text-2xl font-semibold leading-tight">/dev/{{device?.device_name}}</div>
                 </div>
                 <div class="flex flex-col my-2 grid grid-cols-2">
+                    <div *ngIf="device" class="my-2 col-span-2 lt-md:col-span-1">
+                        <div>
+                            <span class="inline-flex items-center font-bold text-xs px-2 py-2px rounded-full tracking-wide uppercase"
+                                   [ngClass]="{'red-200': device?.device_status != 0,
+                                  'green-200': device?.device_status == 0}">
+                                <span class="w-2 h-2 rounded-full mr-2"
+                                      [ngClass]="{'bg-red': device?.device_status != 0,
+                                  'bg-green': device?.device_status == 0}"></span>
+                                <span class="pr-2px leading-relaxed whitespace-no-wrap">{{device?.device_status == 0 ? 'passed' : 'failed'}}</span>
+                            </span>
+                        </div>
+                        <div class="text-secondary text-md">Status</div>
+                    </div>
+
                     <div *ngIf="device?.host_id" class="my-2 col-span-2 lt-md:col-span-1">
                         <div>{{device?.host_id}}</div>
                         <div class="text-secondary text-md">Host ID</div>