Fix mobile remix contest prizes tab sometimes not appearing (#11984)

Author: dharit-tan

packages/mobile/src/screens/track-screen/RemixContestSection.tsx

@@ -82,15 +82,11 @@ export const RemixContestSection = ({
   const hasPrizeInfo = !!remixContest?.eventData?.prizeInfo
 
   const [index, setIndex] = useState(0)
-  const [routes] = useState<Route[]>([
-    { key: 'details', title: 'Details' },
-    ...(hasPrizeInfo ? [{ key: 'prizes', title: 'Prizes' }] : []),
-    { key: 'submissions', title: 'Submissions' }
-  ])
+  const [routes, setRoutes] = useState<Route[]>([])
   const [heights, setHeights] = useState({})
   const [firstRender, setFirstRender] = useState(true)
   const animatedHeight = useSharedValue(TAB_HEADER_HEIGHT)
-  const currentHeight = heights[routes[index].key]
+  const currentHeight = heights[routes[index]?.key]
   const previousHeight = usePrevious(currentHeight)
   const hasHeightChanged = currentHeight !== previousHeight
 
@@ -100,6 +96,14 @@ export const RemixContestSection = ({
     }
   }, [firstRender])
 
+  useEffect(() => {
+    setRoutes([
+      { key: 'details', title: 'Details' },
+      ...(hasPrizeInfo ? [{ key: 'prizes', title: 'Prizes' }] : []),
+      { key: 'submissions', title: 'Submissions' }
+    ])
+  }, [hasPrizeInfo])
+
   const handleLayout = (key: string) => (e: any) => {
     const height = e.nativeEvent.layout.height
     setHeights((prev) => {