Components

'use client'
import { useState, useEffect } from 'react'

const ACHIEVEMENTS = [
  { id: 'first_copy', icon: '📋', name: 'First Copy', desc: 'Copied your first component', xp: 50, rarity: 'Common', color: '#64748b' },
  { id: 'power_user', icon: '⚡', name: 'Power User', desc: 'Copied 100 components', xp: 500, rarity: 'Rare', color: '#6366f1' },
  {