[PAY-3985] More misc first weekly challenge UI fixes

Author: dharit-tan

packages/common/src/utils/challenges.ts

@@ -380,6 +380,7 @@ export const getClaimableChallengeSpecifiers = (
 
 const newChallengeIds: ChallengeRewardID[] = [
   ChallengeName.ListenStreakEndless,
+  ChallengeName.FirstWeeklyComment,
   ChallengeName.AudioMatchingSell,
   ChallengeName.AudioMatchingBuy
 ]

packages/mobile/src/components/challenge-rewards-drawer/ClaimError.tsx

@@ -1,8 +1,6 @@
 import { getAAOErrorEmojis } from '@audius/common/utils'
 
-import { Text } from 'app/components/core'
-
-import { useStyles } from './styles'
+import { Text } from '@audius/harmony-native'
 
 const messages = {
   claimErrorMessage:
@@ -13,13 +11,10 @@ const messages = {
 
 /** Renders a generic error message for failed challenge claims */
 export const ClaimError = ({ aaoErrorCode }: { aaoErrorCode?: number }) => {
-  const styles = useStyles()
   return aaoErrorCode === undefined ? (
-    <Text style={styles.claimRewardsError} weight='bold'>
-      {messages.claimErrorMessage}
-    </Text>
+    <Text>{messages.claimErrorMessage}</Text>
   ) : (
-    <Text style={styles.claimRewardsError} weight='bold'>
+    <Text>
       {messages.claimErrorMessageAAO}
       {getAAOErrorEmojis(aaoErrorCode)}
     </Text>

packages/web/src/pages/rewards-page/components/modals/ChallengeRewardsModal/ClaimButton.tsx

@@ -13,7 +13,7 @@ const { claimChallengeReward } = audioRewardsPageActions
 
 const messages = {
   close: 'Close',
-  claimableAmountLabel: (amount: number) => `Claim $${amount} $AUDIO`
+  claimableAmountLabel: (amount: number) => `Claim ${amount} $AUDIO`
 }
 
 type ClaimButtonProps = {