refactor(referrals): completely remove referral system and fix build

- Remove ProcessReferralCodeModal and ReferralCodeModal components
- Delete ReferralSystem and PokemonReferralCard components
- Remove referral-service.ts and all referral Firebase implementation
- Simplify QuestAndReferralSection to only show quest system
- Clean up AuthModal to remove referral code logic
- Update Firebase context to remove referral bonus functionality
- Remove referral-related badges, quests, and interfaces
- Fix all TypeScript compilation errors
- Ensure successful build completion

Author: josegomez-dev

app/home/page.tsx

@@ -27,7 +27,6 @@ import { AccountStatusIndicator } from '@/components/ui/AccountStatusIndicator';
 import { Tooltip } from '@/components/ui/Tooltip';
 import { LeaderboardSidebar } from '@/components/ui/LeaderboardSidebar';
 import { VideoPreloaderScreen } from '@/components/ui/VideoPreloaderScreen';
-import { ReferralBonusModal } from '@/components/ui/modals/ReferralBonusModal';
 import Image from 'next/image';
 // Remove unused nexusCodex import
 import { getBadgeById, Account, DemoStats, PREDEFINED_DEMOS } from '@/lib/firebase/firebase-types';
@@ -1004,8 +1003,6 @@ export default function HomePageContent() {
     refreshAccountData,
     isLoading: firebaseLoading,
     isInitialized,
-    referralBonusInfo,
-    setReferralBonusInfo,
   } = useFirebase();
   const { addToast: addToastHook } = useToast();
   const [activeDemo, setActiveDemo] = useState('hello-milestone');
@@ -1571,14 +1568,6 @@ export default function HomePageContent() {
                     duration: 5000,
                   });
                 }}
-                onReferralComplete={(referralData) => {
-                  addToastHook({
-                    type: 'success',
-                    title: '👥 Referral Sent!',
-                    message: `Invitation sent to ${referralData.email}`,
-                    duration: 5000,
-                  });
-                }}
                 refreshAccountData={refreshAccountData}
               />
             </section>
@@ -1857,16 +1846,6 @@ export default function HomePageContent() {
         onClose={() => setLeaderboardSidebarOpen(false)}
       />
 
-      {/* Referral Bonus Modal */}
-      {referralBonusInfo && (
-        <ReferralBonusModal
-          isOpen={referralBonusInfo.showModal}
-          onClose={() => setReferralBonusInfo(null)}
-          bonusEarned={referralBonusInfo.bonusEarned}
-          referrerName={referralBonusInfo.referrerName}
-          referralCode={referralBonusInfo.referralCode}
-        />
-      )}
 
       {/* Toast Container */}
       <ToastContainer />

components/ui/auth/AuthModal.tsx

@@ -4,7 +4,6 @@ import React, { useState, useEffect } from 'react';
 import { useAuth } from '@/contexts/auth/AuthContext';
 import { useGlobalWallet } from '@/contexts/wallet/WalletContext';
 import { useFirebase } from '@/contexts/data/FirebaseContext';
-import { ReferralCodeModal } from '@/components/ui/modals/ReferralCodeModal';
 import Image from 'next/image';
 
 interface AuthModalProps {
@@ -24,8 +23,6 @@ export const AuthModal: React.FC<AuthModalProps> = ({ isOpen, onClose, mode }) =
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isBenefitsExpanded, setIsBenefitsExpanded] = useState(false);
-  const [showReferralModal, setShowReferralModal] = useState(false);
-  const [pendingReferralCode, setPendingReferralCode] = useState<string | null>(null);
 
   // Random username suggestions
   const usernameSuggestions = [
@@ -256,16 +253,6 @@ export const AuthModal: React.FC<AuthModalProps> = ({ isOpen, onClose, mode }) =
     setFormData({ username: '', email: '' });
   }, [mode]);
 
-  // Check for referral code in URL
-  useEffect(() => {
-    if (isOpen && currentMode === 'signup') {
-      const urlParams = new URLSearchParams(window.location.search);
-      const refCode = urlParams.get('ref');
-      if (refCode) {
-        setPendingReferralCode(refCode);
-      }
-    }
-  }, [isOpen, currentMode]);
 
   // Handle escape key to close modal
   useEffect(() => {
@@ -290,14 +277,9 @@ export const AuthModal: React.FC<AuthModalProps> = ({ isOpen, onClose, mode }) =
     setIsSubmitting(true);
     try {
       if (currentMode === 'signup') {
-        // Check if we have a pending referral code or need to show referral modal
-        if (pendingReferralCode || formData.email) {
-          setShowReferralModal(true);
-        } else {
-          // Use Firebase initialization for new users
-          await initializeAccount(formData.username);
-          onClose();
-        }
+        // Use Firebase initialization for new users
+        await initializeAccount(formData.username, formData.email);
+        onClose();
       } else {
         await signIn(walletData.publicKey);
         onClose();
@@ -309,26 +291,6 @@ export const AuthModal: React.FC<AuthModalProps> = ({ isOpen, onClose, mode }) =
     }
   };
 
-  const handleReferralCodeSubmit = async (referralCode: string) => {
-    try {
-      await initializeAccount(formData.username, referralCode, formData.email);
-      setShowReferralModal(false);
-      onClose();
-    } catch (err) {
-      console.error('Error creating account with referral code:', err);
-      throw err;
-    }
-  };
-
-  const handleReferralModalClose = async () => {
-    try {
-      await initializeAccount(formData.username, undefined, formData.email);
-      setShowReferralModal(false);
-      onClose();
-    } catch (err) {
-      console.error('Error creating account:', err);
-    }
-  };
 
   const switchMode = () => {
     setCurrentMode(currentMode === 'signup' ? 'signin' : 'signup');
@@ -576,13 +538,6 @@ export const AuthModal: React.FC<AuthModalProps> = ({ isOpen, onClose, mode }) =
         </button>
       </div>
 
-      {/* Referral Code Modal */}
-      <ReferralCodeModal
-        isOpen={showReferralModal}
-        onClose={handleReferralModalClose}
-        onReferralCodeSubmit={handleReferralCodeSubmit}
-        userEmail={formData.email}
-      />
     </div>
   );
 };