feat: build UI

app/components/dashboard/Warnings.vue

@@ -0,0 +1,38 @@
+<script setup>
+import Warning from '@/components/dashboard/Warning.vue';
+
+const warnings = [
+  {
+    name: 'Công nợ sắp đến hạn',
+    details: 'Công ty TNHH ABC - 35.000.000đ - Hạn: 25/03/2026',
+    level: 1,
+    type: 'time',
+  },
+  {
+    name: 'Đơn giao trễ',
+    details: 'Đơn hàng #DH-2156 - Đã trễ 2 giờ - Khách: Siêu thị XYZ',
+    level: 3,
+    type: 'time',
+  },
+  {
+    name: 'Tồn kho thấp',
+    details: 'Gạo ST25 - Chỉ còn 45 bao - Cần nhập thêm',
+    level: 2,
+    type: 'inventory'
+  },
+]
+</script>
+<template>
+  <div class="card">
+    <div class="card-content">
+      <p class="fs-17 font-semibold mb-4">Cảnh báo và thông báo</p>
+      <div class="is-flex is-flex-direction-column is-gap-1">
+        <Warning
+          v-for="warning in warnings"
+          :key="warning.details"
+          v-bind="warning"
+        />
+      </div>
+    </div>
+  </div>
+</template>