fix(points): update "coming soon" icon (#5629)

### Description

* Update icon from iconography library in figma:
https://www.figma.com/design/erFfzHvSTm5g1sjK6jWyEH/Working-Design-System-Components?node-id=2000-7&t=op71njYzjKtqiLPu-0
* Update name to match how its named in in figma

The icon still the same, but a bit bigger to match other icons.

Context:
https://valora-app.slack.com/archives/C0684TXDR3K/p1720545011018399

| Before update | After update |
|--------|--------|
|
![image](https://github.com/valora-inc/wallet/assets/2737872/5c24ff3f-6b08-4667-b3cd-9a6bb32b76a8)
|
![image](https://github.com/valora-inc/wallet/assets/2737872/2a865343-1b86-4b15-98e8-12a5cbe8dbe3)
|

### Test plan

Visual assessment

### Related issues

- Related to RET-1103

### Backwards compatibility

Y

### Network scalability

NA

src/icons/ComingSoon.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Colors from 'src/styles/colors'
+import Svg, { Path } from 'svgs'
+
+interface Props {
+  size?: number
+  color?: string
+}
+
+const ComingSoon = ({ size = 24, color = Colors.black }: Props) => (
+  <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <Path
+      fill={color}
+      d="M15 20c-2.233 0-4.125-.775-5.675-2.325C7.775 16.125 7 14.233 7 12c0-2.217.775-4.104 2.325-5.662C10.875 4.779 12.767 4 15 4c2.217 0 4.104.78 5.663 2.338C22.22 7.896 23 9.783 23 12c0 2.233-.78 4.125-2.337 5.675C19.104 19.225 17.216 20 15 20Zm0-2c1.667 0 3.083-.583 4.25-1.75C20.417 15.083 21 13.667 21 12c0-1.667-.583-3.083-1.75-4.25C18.083 6.583 16.667 6 15 6c-1.667 0-3.083.583-4.25 1.75C9.583 8.917 9 10.333 9 12c0 1.667.583 3.083 1.75 4.25C11.917 17.417 13.333 18 15 18Zm2.275-2.275L18.7 14.3 16 11.6V8h-2v4.425l3.275 3.3ZM2 9V7h4v2H2Zm-1 4v-2h5v2H1Zm1 4v-2h4v2H2Z"
+    />
+  </Svg>
+)
+export default ComingSoon

src/points/ActivityCard.tsx

@@ -5,8 +5,8 @@ import { PointsEvents } from 'src/analytics/Events'
 import ValoraAnalytics from 'src/analytics/ValoraAnalytics'
 import Touchable from 'src/components/Touchable'
 import CheckCircle from 'src/icons/CheckCircle'
+import ComingSoon from 'src/icons/ComingSoon'
 import LogoHeart from 'src/icons/LogoHeart'
-import RushingClock from 'src/icons/RushingClock'
 import { PointsActivity } from 'src/points/types'
 import { Colors } from 'src/styles/colors'
 import { typeScale } from 'src/styles/fonts'
@@ -58,7 +58,7 @@ export function MoreComingCard() {
 
   return (
     <View style={styles.card}>
-      <RushingClock />
+      <ComingSoon />
       <Text style={styles.cardTitle}>{t('points.activityCards.moreComing.title')}</Text>
     </View>
   )