last fixes, home and videos

src/layouts/Page.js

@@ -4,9 +4,9 @@ import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view
 import { SafeAreaView } from "react-native-safe-area-context";
 import React from "reactn";
 import { responsiveHeight } from "../actions/responsiveSizes.js";
-import { icons, subBadges } from "../assets";
+import { subBadges } from "../assets";
 import BaseHeader from "../components/BaseHeader";
-import CoinIcon from "../components/CoinIcon";
+import CreditAmount from "../components/CreditAmount";
 import ConnectBtn from "../components/ConnectBtn.js";
 import CoinPackModal from "../components/modal/CoinPackModal";
 import NavigateHeader from "../components/NavigateHeader";
@@ -65,16 +65,6 @@ export default ({
     return 0;
   }, [currentUserData?.coins]);
 
-  const formattedCoins = React.useMemo(() => {
-    try {
-      return new Intl.NumberFormat("fr-FR", {
-        maximumFractionDigits: 0,
-      }).format(coinBalance);
-    } catch (_error) {
-      return `${coinBalance}`;
-    }
-  }, [coinBalance]);
-
   const showCoinBadge = isWeb && !!currentUID && showCoin;
   const [isCoinModalVisible, setCoinModalVisible] = React.useState(false);
 
@@ -184,7 +174,6 @@ export default ({
         flex: 1,
         minHeight: isWeb ? "100svh" : "100%",
         position: "relative",
-        // paddingHorizontal: isWeb ? gutters : 0,
         backgroundColor: backgroundColor,
       }}
     >
@@ -192,7 +181,6 @@ export default ({
         <Image
           source={backgroundImg}
           resizeMode="cover"
-          // blurRadius={!isWeb ? blurIntensity : undefined}
           blurIntensity={blurIntensity}
           style={{
             position: "absolute",
@@ -233,16 +221,15 @@ export default ({
               gap: 8,
             }}
           >
-            <CoinIcon size={22} />
-            <Text
-              style={{
+            <CreditAmount
+              value={coinBalance}
+              iconSize={22}
+              textStyle={{
                 color: "#ffffff",
                 fontFamily: FONT_FAMILY.InterSemiBold,
                 fontSize: 14,
               }}
-            >
-              {formattedCoins}
-            </Text>
+            />
           </Pressable>
           {subscriptionBadgeSource ? (
             <Pressable