feat: integrate TransactionHistory component into Dashboard and update styles for better UI consistency

src/pages/admin/AdminFinancials.js

@@ -191,10 +191,9 @@ const AdminFinancials = () => {
         <div className="space-y-4">
           {reports.map(report => (
             <Card key={report.id} className="p-6">
-              <div className="flex items-center gap-6">
-                <div className="bg-light-lavender p-4 rounded-xl min-w-[100px] text-center">
-                  <DollarSign className="h-6 w-6 mx-auto mb-1" />
-                  <div className="text-2xl font-bold">{report.year}</div>
+              <div className="flex items-center gap-3">
+                <div className="bg-light-lavender p-3 rounded-xl self-center">
+                  <DollarSign className="size-8 " />
                 </div>
                 <div className="flex-1">
                   <h3 className="text-lg font-semibold text-[var(--purple-ink)] mb-2">