Member tiers implementation intact. Icons updated to be Lucide React. Create/edit member tiers. Display member badge. Transaction history now in My profile dashboard. Adjusted Icons for badges. Added badges on my profile page

src/components/MemberBadge.js

@@ -2,15 +2,15 @@
 import React from 'react';
 import { Badge } from './ui/badge';
 import { getTierForMember } from '../utils/member-tiers';
-import { MEMBER_TIER_ICONS } from '../config/memberTierIcons';
+import { getTierIcon } from '../config/memberTierIcons';
 
 const MemberBadge = ({ memberSince, tiers }) => {
   const tier = getTierForMember(memberSince, tiers);
-  const Icon = MEMBER_TIER_ICONS[tier.icon] || MEMBER_TIER_ICONS.FaUser;
+  const Icon = getTierIcon(tier.iconKey);
 
   return (
-    <Badge className={`px-3 py-1 rounded-md text-sm flex items-center gap-2 ${tier.badgeClass}`}>
-      <Icon className="h-4 w-4" />
+    <Badge className={`px-3 py-2 rounded-md text-sm flex items-center gap-2 border hover:text-white ${tier.badgeClass}`}>
+      <Icon className="size-6" />
       {tier.label}
     </Badge>
   );