feat: update dashboard components and add new icons for improved reporting

app/pages/dashboard/data.ts

@@ -9,12 +9,12 @@ export const HISTORY = [
     title: 'Total Kunjungan',
     total: 1_000_000,
     icon: 'money',
-    report: [2190, 700],
+    counter: [2190, 700],
   },
   {
     title: 'Total User Memesan',
     total: 274,
     icon: 'money',
-    report: [211, 54],
+    counter: [211, 54],
   },
 ]

app/pages/dashboard/index.tsx

@@ -1,7 +1,32 @@
+import { CardReport } from '~/components/ui/card-report'
+
+import { REPORT, HISTORY } from './data'
 export const DashboardPage = () => {
   return (
     <div className="relative">
-      <h1>test DashboardPage</h1>
+      <div>
+        <h1>Dashboard</h1>
+        <div>tanggal</div>
+      </div>
+
+      <div className="flex flex-row gap-4">
+        {REPORT.map((report) => (
+          <CardReport
+            key={report.title}
+            title={report.title}
+            amound={report.amound}
+          ></CardReport>
+        ))}
+      </div>
+      <div className="mt-5 flex flex-col gap-4">
+        {HISTORY.map((report) => (
+          <CardReport
+            key={report.title}
+            title={report.title}
+            counter={report.counter}
+          ></CardReport>
+        ))}
+      </div>
     </div>
   )
 }