[PE-6041] Android remix contest section styling (#11934)

Author: dharit-tan

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

@@ -29,7 +29,7 @@ export const RemixContestDetailsTab = ({ trackId }: Props) => {
   if (!remixContest) return null
 
   return (
-    <Flex column gap='s' p='xl'>
+    <Flex column gap='s' p='xl' borderTop='default'>
       <Flex row gap='s'>
         <Text variant='title' color='accent'>
           {messages.due}

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

@@ -17,7 +17,7 @@ export const RemixContestPrizesTab = ({ trackId }: Props) => {
   if (!remixContest) return null
 
   return (
-    <Flex p='xl'>
+    <Flex p='xl' borderTop='default'>
       <UserGeneratedText variant='body' size='l'>
         {remixContest.eventData?.prizeInfo ?? ''}
       </UserGeneratedText>

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

@@ -26,8 +26,6 @@ const TAB_FOOTER_HEIGHT = 64
 const useStyles = makeStyles(({ palette, typography, spacing }) => ({
   tabBar: {
     backgroundColor: 'transparent',
-    borderBottomWidth: 1,
-    borderBottomColor: palette.neutralLight8,
     height: spacing(10)
   },
   tabLabel: {
@@ -172,6 +170,7 @@ export const RemixContestSection = ({ trackId }: RemixContestSectionProps) => {
         renderScene={renderScene}
         renderTabBar={renderTabBar}
         onIndexChange={setIndex}
+        swipeEnabled
       />
       {!isOwner && <UploadRemixFooter trackId={trackId} />}
     </AnimatedPaper>

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

@@ -16,7 +16,7 @@ export const RemixContestSubmissionsTab = ({ trackId }: Props) => {
   if (!remixContest) return null
 
   return (
-    <Flex p='xl'>
+    <Flex p='xl' borderTop='default'>
       <Text variant='body' size='l'>
         {/* TODO: Implement submissions content */}
       </Text>