feat(ui): refine club, packs, and download flows

src/screens/Home/Home.js

@@ -10,7 +10,6 @@ import FullscreenIntroVideo from '../../components/FullscreenIntroVideo'
 import GradientButton from '../../components/GradientButton'
 import MoreMenu from '../../components/MoreMenu'
 import ProjectDropDown from '../../components/ProjectDropDown/ProjectDropDown'
-import CoinPackModal from '../../components/modal/CoinPackModal'
 import { projectsRef, usersRef } from '../../config/firebase'
 import { isWeb } from '../../hooks/useLayoutType.js'
 import Page from '../../layouts/Page'
@@ -23,7 +22,6 @@ import ShareBtn from '../../components/ShareBtn/ShareBtn'
 import { Palette, gutters } from '../../styles'
 import { FONT_FAMILY } from '../../styles/Fonts'
 import { getCreationStageStates, getStageAction } from '../../utils/projectStages'
-import { openCoinPackModal } from '../../utils/coinPackModal'
 import useNavigateToMusicDetails from '../../hooks/useNavigateToMusicDetails'
 import usePlayer from '../../hooks/usePlayer'
 import StageCard from './components/StageCard'
@@ -407,8 +405,6 @@ const Home = ({ navigation, route }) => {
     [stageStatesByKey]
   )
 
-  const [isCoinModalVisible, setCoinModalVisible] = useState(false)
-
   const handleStagePress = useCallback(
     (stageKey, isLocked) => {
       if (isLocked) {
@@ -434,19 +430,11 @@ const Home = ({ navigation, route }) => {
   )
 
   const handleClubPress = useCallback(() => {
-    navigate(Routes.Payments)
+    navigate(Routes.HitParade)
   }, [])
 
   const handleOpenCoinModal = useCallback(() => {
-    if (isWeb) {
-      openCoinPackModal()
-      return
-    }
-    setCoinModalVisible(true)
-  }, [])
-
-  const handleCloseCoinModal = useCallback(() => {
-    setCoinModalVisible(false)
+    navigate(Routes.Payments)
   }, [])
 
   const stageCardContainerStyle = isWeb ? styles.cardsGrid : styles.cardsStack
@@ -652,10 +640,6 @@ const Home = ({ navigation, route }) => {
           </View>
         </Page>
       </View>
-
-      {!isWeb ? (
-        <CoinPackModal visible={isCoinModalVisible} onClose={handleCloseCoinModal} />
-      ) : null}
     </>
   )
 }