add orders collecrtion for coins and subscriptions page

src/screens/Profile/Profile.js

@@ -13,6 +13,7 @@ import {
   View,
 } from "react-native";
 import { SheetManager } from "react-native-actions-sheet";
+import { Feather } from "@expo/vector-icons";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { useGlobal } from "reactn";
 import { background, icons } from "../../assets";
@@ -33,7 +34,7 @@ import useLayoutType from "../../hooks/useLayoutType";
 import useNavigateToMusicDetails from "../../hooks/useNavigateToMusicDetails";
 import Page from "../../layouts/Page";
 import { Routes } from "../../navigation";
-import { push } from "../../navigation/NavigationService";
+import { navigate, push } from "../../navigation/NavigationService";
 import { useUser } from "../../providers/UserDataProvider";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
@@ -83,6 +84,9 @@ const Profile = () => {
   const onPressMenu = (item) => {
     setSelected(item);
   };
+  const handleOpenSettings = () => {
+    navigate(Routes.Settings);
+  };
 
   // Chargement des données utilisateur si on consulte un autre profil
   useEffect(() => {
@@ -340,8 +344,8 @@ const Profile = () => {
       }}
       rightComponent={() =>
         !isWeb && isSelf ? (
-          <PressableScale onPress={() => SheetManager.show("ProfileSettings")}>
-            <Image source={icons.more} style={{ ...size({ size: 24 }) }} />
+          <PressableScale onPress={handleOpenSettings}>
+            <Feather name="settings" size={24} color={Palette.white} />
           </PressableScale>
         ) : null
       }
@@ -363,18 +367,13 @@ const Profile = () => {
               <PressableScale
                 style={{
                   zIndex: 2,
+                  position: "absolute",
+                  right: 10,
+                  top: 10,
                 }}
-                onPress={() => SheetManager.show("ProfileSettings")}
+                onPress={handleOpenSettings}
               >
-                <Image
-                  source={icons.more}
-                  style={{
-                    ...size({ size: 24 }),
-                    position: "absolute",
-                    right: 10,
-                    top: 10,
-                  }}
-                />
+                <Feather name="settings" size={24} color={Palette.white} />
               </PressableScale>
             )}