complete UI CSS ownership remediation

packages/ui/components/PortalDashboard.wrn

@@ -1,3 +1,5 @@
+import ComponentBaseStyles from "../styles/ComponentBaseStyles.wrn"
+
 component PortalDashboard {
   outputs {
     action(payload: { item: string | number | boolean | null | object; value: string | number | boolean; index: number })
@@ -32,7 +34,7 @@ component PortalDashboard {
   }
 
   view {
-    <main class="wire-portal-dashboard wire-next--color-{color} wire-next--size-{size} {class}">
+    <main class="wire-portal-dashboard wire-component--color-{color} wire-component--size-{size} {class}">
       <header class="wire-portal-dashboard__hero">
         <div>
           {#if eyebrowKey}<span class="wire-portal-dashboard__eyebrow" data-t="{eyebrowKey}">{eyebrow}</span>{/if}
@@ -97,9 +99,22 @@ component PortalDashboard {
         </section>
       </div>
     </main>
+    <ComponentBaseStyles hidden />
   }
 
   style {
+    .wire-portal-dashboard__status--urgent {
+      background: var(--wire-color-danger);
+    }
+
+    .wire-portal-dashboard__status--warning {
+      background: var(--wire-color-warning);
+    }
+
+    .wire-portal-dashboard__status--success {
+      background: var(--wire-color-success);
+    }
+
     /* Reusable responsive portal dashboard */
     .wire-portal-dashboard {
       width: min(100%, 96rem);