main: vibe coded app to feel like paper

Signed-off-by: nfel <nfilsaraee@gmail.com>

components/PaymentModal.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { FaTimes, FaCreditCard, FaLock } from 'react-icons/fa';
 import { Album } from '@/lib/types';
+import { formatPrice } from '@/lib/utils';
 
 interface PaymentModalProps {
   album: Album | null;
@@ -137,7 +138,7 @@ export default function PaymentModal({ album, onClose, onSuccess }: PaymentModal
             <div className="mb-6 p-4 bg-white/5 rounded-lg">
               <h3 className="font-semibold text-white">{album.title}</h3>
               <p className="text-sm text-gray-400">{album.songs.length} tracks • {album.genre}</p>
-              <p className="text-2xl font-bold text-accent-orange mt-2">${album.price}</p>
+              <p className="text-2xl font-bold text-accent-orange mt-2">{formatPrice(album.price)}</p>
             </div>
 
             {/* Payment Form */}
@@ -249,7 +250,7 @@ export default function PaymentModal({ album, onClose, onSuccess }: PaymentModal
                 ) : (
                   <>
                     <FaLock />
-                    Complete Purchase - ${album.price}
+                    Complete Purchase - {formatPrice(album.price)}
                   </>
                 )}
               </button>