From c8719eafa3cffbdb56f4666e2c3d4d68bb152a85 Mon Sep 17 00:00:00 2001
From: Sandro <sandro.sgro@passculture.app>
Date: Fri, 28 Jul 2023 13:57:27 +0200
Subject: [PATCH] (PC-21416) feat(statusBar): update snapshots

---
 .../GenericHome.native.test.tsx.native-snap   |   68 +
 .../pages/Home.native.test.tsx.native-snap    |   34 +
 .../ThematicHome.native.test.tsx.native-snap  |   34 +
 .../pages/Profile.native.test.tsx.native-snap | 3160 +++++++++--------
 4 files changed, 1734 insertions(+), 1562 deletions(-)

diff --git a/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap b/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap
index 55f8dc589e6..c8b1e86242a 100644
--- a/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap
+++ b/__snapshots__/features/home/pages/GenericHome.native.test.tsx.native-snap
@@ -145,6 +145,40 @@ exports[`GenericHome should display real content 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
 
@@ -293,5 +327,39 @@ exports[`GenericHome should display skeleton 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
diff --git a/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap b/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap
index e80bb1b4ab3..625337d80ec 100644
--- a/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap
+++ b/__snapshots__/features/home/pages/Home.native.test.tsx.native-snap
@@ -421,5 +421,39 @@ exports[`Home page should render correctly 1`] = `
       ]
     }
   />
+  <View
+    height={16}
+    style={
+      Array [
+        Object {
+          "backdropFilter": "blur(20px)",
+          "height": 16,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+        },
+      ]
+    }
+  >
+    <BlurView
+      blurAmount={8}
+      blurType="light"
+      style={
+        Array [
+          Object {
+            "backgroundColor": "transparent",
+          },
+          Array [
+            Object {
+              "flexBasis": 0,
+              "flexGrow": 1,
+              "flexShrink": 1,
+            },
+          ],
+        ]
+      }
+    />
+  </View>
 </View>
 `;
diff --git a/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap b/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap
index ea10447e0d3..f6fc49b4b52 100644
--- a/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap
+++ b/__snapshots__/features/home/pages/ThematicHome.native.test.tsx.native-snap
@@ -348,6 +348,40 @@ exports[`ThematicHome should render correctly 1`] = `
         ]
       }
     />
+    <View
+      height={16}
+      style={
+        Array [
+          Object {
+            "backdropFilter": "blur(20px)",
+            "height": 16,
+            "left": 0,
+            "overflow": "hidden",
+            "position": "absolute",
+            "right": 0,
+          },
+        ]
+      }
+    >
+      <BlurView
+        blurAmount={8}
+        blurType="light"
+        style={
+          Array [
+            Object {
+              "backgroundColor": "transparent",
+            },
+            Array [
+              Object {
+                "flexBasis": 0,
+                "flexGrow": 1,
+                "flexShrink": 1,
+              },
+            ],
+          ]
+        }
+      />
+    </View>
   </View>
   <View
     collapsable={false}
diff --git a/__snapshots__/features/profile/pages/Profile.native.test.tsx.native-snap b/__snapshots__/features/profile/pages/Profile.native.test.tsx.native-snap
index 8de85d4fd10..cf69b2767ec 100644
--- a/__snapshots__/features/profile/pages/Profile.native.test.tsx.native-snap
+++ b/__snapshots__/features/profile/pages/Profile.native.test.tsx.native-snap
@@ -69,389 +69,379 @@ exports[`Profile component should render correctly 1`] = `
             }
           }
         >
-          <RCTScrollView
-            bounces={false}
-            onScroll={[Function]}
-            scrollEventThrottle={400}
-            testID="profile-scrollview"
-          >
-            <View>
-              <View
-                style={
-                  Array [
-                    Object {
-                      "marginBottom": 8,
-                      "marginHorizontal": 24,
-                      "marginTop": 24,
-                    },
-                  ]
-                }
-              >
-                <View
-                  customHeight={16}
-                  enable={true}
-                  style={
-                    Array [
-                      Object {
-                        "height": 16,
-                      },
-                    ]
-                  }
-                />
-                <Text
-                  numberOfLines={1}
-                  style={
-                    Array [
-                      Object {
-                        "color": "#161617",
-                        "fontFamily": "Montserrat-Black",
-                        "fontSize": 26,
-                        "lineHeight": 34,
-                      },
-                    ]
-                  }
-                >
-                  Mon profil
-                </Text>
-              </View>
-              <View
-                style={
-                  Array [
-                    Object {
-                      "backgroundColor": "#ffffff",
-                      "flexBasis": 0,
-                      "flexDirection": "column",
-                      "flexGrow": 1,
-                      "flexShrink": 1,
-                      "paddingHorizontal": 24,
-                    },
-                  ]
-                }
-              >
-                <View
-                  numberOfSpaces={4}
-                  style={
-                    Array [
-                      Object {
-                        "height": 16,
-                      },
-                    ]
-                  }
-                />
+          <View>
+            <RCTScrollView
+              bounces={false}
+              onScroll={[Function]}
+              scrollEventThrottle={400}
+              testID="profile-scrollview"
+            >
+              <View>
                 <View
                   style={
                     Array [
                       Object {
-                        "paddingTop": 8,
+                        "marginBottom": 8,
+                        "marginHorizontal": 24,
+                        "marginTop": 24,
                       },
                     ]
                   }
                 >
-                  <Text
+                  <View
+                    customHeight={16}
+                    enable={true}
                     style={
                       Array [
                         Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
+                          "height": 16,
                         },
                       ]
                     }
-                  >
-                    Paramètres du compte
-                  </Text>
-                  <View
-                    numberOfSpaces={2}
+                  />
+                  <Text
+                    numberOfLines={1}
                     style={
                       Array [
                         Object {
-                          "height": 8,
+                          "color": "#161617",
+                          "fontFamily": "Montserrat-Black",
+                          "fontSize": 26,
+                          "lineHeight": 34,
                         },
                       ]
                     }
-                  />
+                  >
+                    Mon profil
+                  </Text>
+                </View>
+                <View
+                  style={
+                    Array [
+                      Object {
+                        "backgroundColor": "#ffffff",
+                        "flexBasis": 0,
+                        "flexDirection": "column",
+                        "flexGrow": 1,
+                        "flexShrink": 1,
+                        "paddingHorizontal": 24,
+                      },
+                    ]
+                  }
+                >
                   <View
+                    numberOfSpaces={4}
                     style={
                       Array [
                         Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
+                          "height": 16,
                         },
                       ]
                     }
                   />
                   <View
-                    accessibilityRole="list"
                     style={
                       Array [
                         Object {
-                          "flexDirection": "column",
-                          "paddingLeft": 0,
+                          "paddingTop": 8,
                         },
                       ]
                     }
                   >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Paramètres du compte
+                    </Text>
+                    <View
+                      numberOfSpaces={2}
+                      style={
+                        Array [
+                          Object {
+                            "height": 8,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
                     <View
-                      accessibilityRole="none"
+                      accessibilityRole="list"
                       style={
                         Array [
                           Object {
-                            "display": "flex",
+                            "flexDirection": "column",
+                            "paddingLeft": 0,
                           },
                         ]
                       }
                     >
                       <View
-                        accessibilityLabel="Informations personnelles"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Informations personnelles"
                       >
                         <View
+                          accessibilityLabel="Informations personnelles"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Informations personnelles"
                         >
-                          <View
-                            fill="url(#gradienttestUuid)"
-                            height={24}
-                            testID="BicolorProfile"
-                            width={24}
-                          >
-                            <Text>
-                              BicolorProfile-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
                           <View
                             style={
                               Array [
                                 Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              fill="url(#gradienttestUuid)"
+                              height={24}
+                              testID="BicolorProfile"
+                              width={24}
+                            >
+                              <Text>
+                                BicolorProfile-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
                                   },
                                 ]
                               }
-                            >
-                              Informations personnelles
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
-                              ]
-                            }
-                          >
+                            />
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
                             >
-                              <Text>
-                                section-row-navigable-icon-SVG-Mock
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Informations personnelles
                               </Text>
                             </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
-                    </View>
-                    <View
-                      accessibilityRole="none"
-                      style={
-                        Array [
-                          Object {
-                            "display": "flex",
-                          },
-                        ]
-                      }
-                    >
                       <View
-                        accessibilityLabel="Notifications"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Notifications"
                       >
                         <View
+                          accessibilityLabel="Notifications"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Notifications"
                         >
-                          <View
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
                           <View
                             style={
                               Array [
                                 Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
-                              ]
-                            }
-                          >
-                            <Text
-                              numberOfLines={2}
-                              style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "paddingVertical": 16,
                                   },
-                                ]
-                              }
-                            >
-                              Notifications
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
+                                ],
                               ]
                             }
                           >
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              height={24}
+                              width={24}
                             >
                               <Text>
-                                section-row-navigable-icon-SVG-Mock
+                                undefined-SVG-Mock
                               </Text>
                             </View>
+                            <View
+                              numberOfSpaces={2}
+                              style={
+                                Array [
+                                  Object {
+                                    "width": 8,
+                                  },
+                                ]
+                              }
+                            />
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
+                            >
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Notifications
+                              </Text>
+                            </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
-                    </View>
-                    <View
-                      accessibilityRole="none"
-                      style={
-                        Array [
-                          Object {
-                            "display": "flex",
-                          },
-                        ]
-                      }
-                    >
                       <View
+                        accessibilityRole="none"
                         style={
                           Array [
                             Object {
-                              "alignItems": "center",
-                              "flexDirection": "row",
-                              "paddingVertical": 16,
+                              "display": "flex",
                             },
                           ]
                         }
@@ -461,82 +451,73 @@ exports[`Profile component should render correctly 1`] = `
                             Array [
                               Object {
                                 "alignItems": "center",
-                                "flexBasis": 0,
                                 "flexDirection": "row",
-                                "flexGrow": 1,
-                                "flexShrink": 1,
+                                "paddingVertical": 16,
                               },
                             ]
                           }
-                          toggleLabel={true}
                         >
                           <View
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
-                          <Text
-                            htmlFor="testUuidV4"
                             style={
                               Array [
                                 Object {
-                                  "color": "#161617",
-                                  "fontFamily": "Montserrat-Regular",
-                                  "fontSize": 15,
-                                  "lineHeight": 20,
+                                  "alignItems": "center",
+                                  "flexBasis": 0,
+                                  "flexDirection": "row",
+                                  "flexGrow": 1,
+                                  "flexShrink": 1,
                                 },
                               ]
                             }
+                            toggleLabel={true}
                           >
+                            <View
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
+                              style={
+                                Array [
+                                  Object {
+                                    "width": 8,
+                                  },
+                                ]
+                              }
+                            />
                             <Text
+                              htmlFor="testUuidV4"
                               style={
                                 Array [
                                   Object {
                                     "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
+                                    "fontFamily": "Montserrat-Regular",
                                     "fontSize": 15,
                                     "lineHeight": 20,
                                   },
                                 ]
                               }
                             >
-                              Partager ma position
+                              <Text
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Partager ma position
+                              </Text>
                             </Text>
-                          </Text>
-                        </View>
-                        <View
-                          style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            numberOfSpaces={5}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 20,
-                                },
-                              ]
-                            }
-                          />
+                          </View>
                           <View
                             style={
                               Array [
@@ -547,90 +528,111 @@ exports[`Profile component should render correctly 1`] = `
                               ]
                             }
                           >
-                            <Text
-                              accessibilityHidden={true}
+                            <View
+                              numberOfSpaces={5}
                               style={
                                 Array [
                                   Object {
-                                    "display": "none",
+                                    "width": 20,
                                   },
                                 ]
                               }
-                            >
-                              Case à cocher - 
-                              cochée
-                            </Text>
+                            />
                             <View
-                              accessibilityRole="checkbox"
-                              accessibilityState={
-                                Object {
-                                  "checked": true,
-                                  "disabled": false,
-                                }
-                              }
-                              accessible={false}
-                              collapsable={false}
-                              focusable={true}
-                              onClick={[Function]}
-                              onResponderGrant={[Function]}
-                              onResponderMove={[Function]}
-                              onResponderRelease={[Function]}
-                              onResponderTerminate={[Function]}
-                              onResponderTerminationRequest={[Function]}
-                              onStartShouldSetResponder={[Function]}
                               style={
-                                Object {
-                                  "opacity": 1,
-                                  "userSelect": "auto",
-                                }
+                                Array [
+                                  Object {
+                                    "alignItems": "center",
+                                    "flexDirection": "row",
+                                  },
+                                ]
                               }
-                              testID="Interrupteur Partager ma position"
                             >
-                              <View
-                                active={true}
+                              <Text
+                                accessibilityHidden={true}
                                 style={
                                   Array [
                                     Object {
-                                      "backgroundColor": "#15884f",
-                                      "borderRadius": 16,
-                                      "height": 32,
-                                      "justifyContent": "center",
-                                      "width": 56,
+                                      "display": "none",
                                     },
                                   ]
                                 }
+                              >
+                                Case à cocher - 
+                                cochée
+                              </Text>
+                              <View
+                                accessibilityRole="checkbox"
+                                accessibilityState={
+                                  Object {
+                                    "checked": true,
+                                    "disabled": false,
+                                  }
+                                }
+                                accessible={false}
+                                collapsable={false}
+                                focusable={true}
+                                onClick={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={
+                                  Object {
+                                    "opacity": 1,
+                                    "userSelect": "auto",
+                                  }
+                                }
+                                testID="Interrupteur Partager ma position"
                               >
                                 <View
-                                  collapsable={false}
-                                  disabled={false}
+                                  active={true}
                                   style={
-                                    Object {
-                                      "alignItems": "center",
-                                      "aspectRatio": 1,
-                                      "backgroundColor": "#ffffff",
-                                      "borderRadius": 28,
-                                      "height": 28,
-                                      "justifyContent": "center",
-                                      "marginLeft": 26,
-                                      "shadowColor": "#161617",
-                                      "shadowOffset": Object {
-                                        "height": 2,
-                                        "width": 0,
+                                    Array [
+                                      Object {
+                                        "backgroundColor": "#15884f",
+                                        "borderRadius": 16,
+                                        "height": 32,
+                                        "justifyContent": "center",
+                                        "width": 56,
                                       },
-                                      "shadowOpacity": 0.2,
-                                      "shadowRadius": 2.5,
-                                      "width": 28,
-                                    }
+                                    ]
                                   }
                                 >
                                   <View
-                                    accessibilityLabel="Activé"
-                                    height={16}
-                                    width={16}
+                                    collapsable={false}
+                                    disabled={false}
+                                    style={
+                                      Object {
+                                        "alignItems": "center",
+                                        "aspectRatio": 1,
+                                        "backgroundColor": "#ffffff",
+                                        "borderRadius": 28,
+                                        "height": 28,
+                                        "justifyContent": "center",
+                                        "marginLeft": 26,
+                                        "shadowColor": "#161617",
+                                        "shadowOffset": Object {
+                                          "height": 2,
+                                          "width": 0,
+                                        },
+                                        "shadowOpacity": 0.2,
+                                        "shadowRadius": 2.5,
+                                        "width": 28,
+                                      }
+                                    }
                                   >
-                                    <Text>
-                                      undefined-SVG-Mock
-                                    </Text>
+                                    <View
+                                      accessibilityLabel="Activé"
+                                      height={16}
+                                      width={16}
+                                    >
+                                      <Text>
+                                        undefined-SVG-Mock
+                                      </Text>
+                                    </View>
                                   </View>
                                 </View>
                               </View>
@@ -640,848 +642,835 @@ exports[`Profile component should render correctly 1`] = `
                       </View>
                     </View>
                   </View>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
-                        },
-                      ]
-                    }
-                  >
-                    Aides
-                  </Text>
-                  <View
-                    numberOfSpaces={2}
-                    style={
-                      Array [
-                        Object {
-                          "height": 8,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
                   <View
-                    accessibilityRole="list"
                     style={
                       Array [
                         Object {
-                          "flexDirection": "column",
-                          "paddingLeft": 0,
+                          "paddingTop": 8,
                         },
                       ]
                     }
                   >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Aides
+                    </Text>
+                    <View
+                      numberOfSpaces={2}
+                      style={
+                        Array [
+                          Object {
+                            "height": 8,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
                     <View
-                      accessibilityRole="none"
+                      accessibilityRole="list"
                       style={
                         Array [
                           Object {
-                            "display": "flex",
+                            "flexDirection": "column",
+                            "paddingLeft": 0,
                           },
                         ]
                       }
                     >
                       <View
-                        accessibilityLabel="Comment ça marche ?"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Comment ça marche ?"
                       >
                         <View
+                          accessibilityLabel="Comment ça marche ?"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Comment ça marche ?"
                         >
                           <View
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
                             style={
                               Array [
                                 Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
                                   },
                                 ]
                               }
-                            >
-                              Comment ça marche ?
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
-                              ]
-                            }
-                          >
+                            />
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
                             >
-                              <Text>
-                                section-row-navigable-icon-SVG-Mock
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Comment ça marche ?
                               </Text>
                             </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
-                    </View>
-                    <View
-                      accessibilityRole="none"
-                      style={
-                        Array [
-                          Object {
-                            "display": "flex",
-                          },
-                        ]
-                      }
-                    >
                       <View
-                        accessibilityLabel="Nouvelle fenêtre : Centre d’aide"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Nouvelle fenêtre : Centre d’aide"
                       >
                         <View
+                          accessibilityLabel="Nouvelle fenêtre : Centre d’aide"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Nouvelle fenêtre : Centre d’aide"
                         >
-                          <View
-                            accessibilityLabel="Nouvelle fenêtre"
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
                           <View
                             style={
                               Array [
                                 Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              accessibilityLabel="Nouvelle fenêtre"
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
+                                  },
+                                ]
+                              }
+                            />
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
                                   },
                                 ]
                               }
                             >
-                              Centre d’aide
-                            </Text>
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Centre d’aide
+                              </Text>
+                            </View>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
-                        },
-                      ]
-                    }
-                  >
-                    Autres
-                  </Text>
-                  <View
-                    numberOfSpaces={2}
-                    style={
-                      Array [
-                        Object {
-                          "height": 8,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
                   <View
-                    accessibilityRole="list"
                     style={
                       Array [
                         Object {
-                          "flexDirection": "column",
-                          "paddingLeft": 0,
+                          "paddingTop": 8,
                         },
                       ]
                     }
                   >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Autres
+                    </Text>
+                    <View
+                      numberOfSpaces={2}
+                      style={
+                        Array [
+                          Object {
+                            "height": 8,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
                     <View
-                      accessibilityRole="none"
+                      accessibilityRole="list"
                       style={
                         Array [
                           Object {
-                            "display": "flex",
+                            "flexDirection": "column",
+                            "paddingLeft": 0,
                           },
                         ]
                       }
                     >
                       <View
-                        accessibilityLabel="Accessibilité"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Accessibilité"
                       >
                         <View
+                          accessibilityLabel="Accessibilité"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Accessibilité"
                         >
                           <View
-                            fill="#161617"
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
                             style={
                               Array [
                                 Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              fill="#161617"
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
                                   },
                                 ]
                               }
-                            >
-                              Accessibilité
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
-                              ]
-                            }
-                          >
+                            />
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
                             >
-                              <Text>
-                                section-row-navigable-icon-SVG-Mock
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Accessibilité
                               </Text>
                             </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
-                    </View>
-                    <View
-                      accessibilityRole="none"
-                      style={
-                        Array [
-                          Object {
-                            "display": "flex",
-                          },
-                        ]
-                      }
-                    >
                       <View
-                        accessibilityLabel="Informations légales"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Informations légales"
                       >
                         <View
+                          accessibilityLabel="Informations légales"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Informations légales"
                         >
-                          <View
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
-                            style={
-                              Array [
-                                Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
                           <View
                             style={
                               Array [
                                 Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
                                   },
                                 ]
                               }
-                            >
-                              Informations légales
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
-                              ]
-                            }
-                          >
+                            />
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
                             >
-                              <Text>
-                                section-row-navigable-icon-SVG-Mock
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Informations légales
                               </Text>
                             </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
-                    </View>
-                    <View
-                      accessibilityRole="none"
-                      style={
-                        Array [
-                          Object {
-                            "display": "flex",
-                          },
-                        ]
-                      }
-                    >
                       <View
-                        accessibilityLabel="Confidentialité"
-                        accessibilityRole="link"
-                        accessibilityState={
-                          Object {
-                            "disabled": false,
-                          }
-                        }
-                        accessible={true}
-                        collapsable={false}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
+                        accessibilityRole="none"
                         style={
-                          Object {
-                            "opacity": 1,
-                            "userSelect": "auto",
-                          }
+                          Array [
+                            Object {
+                              "display": "flex",
+                            },
+                          ]
                         }
-                        testID="Confidentialité"
                       >
                         <View
+                          accessibilityLabel="Confidentialité"
+                          accessibilityRole="link"
+                          accessibilityState={
+                            Object {
+                              "disabled": false,
+                            }
+                          }
+                          accessible={true}
+                          collapsable={false}
+                          focusable={true}
+                          onClick={[Function]}
+                          onResponderGrant={[Function]}
+                          onResponderMove={[Function]}
+                          onResponderRelease={[Function]}
+                          onResponderTerminate={[Function]}
+                          onResponderTerminationRequest={[Function]}
+                          onStartShouldSetResponder={[Function]}
                           style={
-                            Array [
-                              Object {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "justifyContent": "space-between",
-                              },
-                              Array [
-                                Object {
-                                  "paddingVertical": 16,
-                                },
-                              ],
-                            ]
+                            Object {
+                              "opacity": 1,
+                              "userSelect": "auto",
+                            }
                           }
+                          testID="Confidentialité"
                         >
                           <View
-                            height={24}
-                            width={24}
-                          >
-                            <Text>
-                              undefined-SVG-Mock
-                            </Text>
-                          </View>
-                          <View
-                            numberOfSpaces={2}
                             style={
                               Array [
                                 Object {
-                                  "width": 8,
-                                },
-                              ]
-                            }
-                          />
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "flexBasis": 0,
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "textAlign": "left",
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "justifyContent": "space-between",
                                 },
+                                Array [
+                                  Object {
+                                    "paddingVertical": 16,
+                                  },
+                                ],
                               ]
                             }
                           >
-                            <Text
-                              numberOfLines={2}
+                            <View
+                              height={24}
+                              width={24}
+                            >
+                              <Text>
+                                undefined-SVG-Mock
+                              </Text>
+                            </View>
+                            <View
+                              numberOfSpaces={2}
                               style={
                                 Array [
                                   Object {
-                                    "color": "#161617",
-                                    "fontFamily": "Montserrat-Bold",
-                                    "fontSize": 15,
-                                    "lineHeight": 20,
+                                    "width": 8,
                                   },
                                 ]
                               }
-                            >
-                              Confidentialité
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              Array [
-                                Object {
-                                  "alignItems": "flex-end",
-                                },
-                              ]
-                            }
-                          >
+                            />
                             <View
-                              height={20}
-                              testID="section-row-navigable-icon"
-                              width={20}
+                              style={
+                                Array [
+                                  Object {
+                                    "flexBasis": 0,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "textAlign": "left",
+                                  },
+                                ]
+                              }
                             >
-                              <Text>
-                                section-row-navigable-icon-SVG-Mock
+                              <Text
+                                numberOfLines={2}
+                                style={
+                                  Array [
+                                    Object {
+                                      "color": "#161617",
+                                      "fontFamily": "Montserrat-Bold",
+                                      "fontSize": 15,
+                                      "lineHeight": 20,
+                                    },
+                                  ]
+                                }
+                              >
+                                Confidentialité
                               </Text>
                             </View>
+                            <View
+                              style={
+                                Array [
+                                  Object {
+                                    "alignItems": "flex-end",
+                                  },
+                                ]
+                              }
+                            >
+                              <View
+                                height={20}
+                                testID="section-row-navigable-icon"
+                                width={20}
+                              >
+                                <Text>
+                                  section-row-navigable-icon-SVG-Mock
+                                </Text>
+                              </View>
+                            </View>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
-                        },
-                      ]
-                    }
-                  >
-                    Partager le pass Culture
-                  </Text>
                   <View
-                    numberOfSpaces={2}
                     style={
                       Array [
                         Object {
-                          "height": 8,
+                          "paddingTop": 8,
                         },
                       ]
                     }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    numberOfSpaces={4}
-                    style={
-                      Array [
-                        Object {
-                          "height": 16,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    accessible={false}
-                    collapsable={false}
-                    focusable={true}
-                    onClick={[Function]}
-                    onResponderGrant={[Function]}
-                    onResponderMove={[Function]}
-                    onResponderRelease={[Function]}
-                    onResponderTerminate={[Function]}
-                    onResponderTerminationRequest={[Function]}
-                    onStartShouldSetResponder={[Function]}
-                    style={
-                      Object {
-                        "opacity": 1,
-                        "userSelect": "auto",
-                      }
-                    }
                   >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Partager le pass Culture
+                    </Text>
                     <View
+                      numberOfSpaces={2}
                       style={
                         Array [
                           Object {
-                            "borderRadius": 7,
-                            "overflow": "hidden",
+                            "height": 8,
                           },
                         ]
                       }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      numberOfSpaces={4}
+                      style={
+                        Array [
+                          Object {
+                            "height": 16,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      accessible={false}
+                      collapsable={false}
+                      focusable={true}
+                      onClick={[Function]}
+                      onResponderGrant={[Function]}
+                      onResponderMove={[Function]}
+                      onResponderRelease={[Function]}
+                      onResponderTerminate={[Function]}
+                      onResponderTerminationRequest={[Function]}
+                      onStartShouldSetResponder={[Function]}
+                      style={
+                        Object {
+                          "opacity": 1,
+                          "userSelect": "auto",
+                        }
+                      }
                     >
                       <View
-                        accessibilityIgnoresInvertColors={true}
                         style={
                           Array [
                             Object {
-                              "backgroundColor": "#eb0055",
-                              "justifyContent": "center",
-                              "width": "100%",
+                              "borderRadius": 7,
+                              "overflow": "hidden",
                             },
                           ]
                         }
                       >
-                        <Image
-                          source={
-                            Object {
-                              "testUri": "../../../public/images/ShareAppBannerImage.png",
-                            }
-                          }
-                          style={
-                            Array [
-                              Object {
-                                "bottom": 0,
-                                "left": 0,
-                                "position": "absolute",
-                                "right": 0,
-                                "top": 0,
-                              },
-                              Object {
-                                "height": undefined,
-                                "width": "100%",
-                              },
-                              undefined,
-                            ]
-                          }
-                          testID="module-background"
-                        />
                         <View
+                          accessibilityIgnoresInvertColors={true}
                           style={
                             Array [
                               Object {
-                                "alignItems": "center",
-                                "borderColor": "#90949D",
-                                "borderRadius": 7,
-                                "borderStyle": "solid",
-                                "borderWidth": 1,
-                                "flexDirection": "row",
-                                "padding": 16,
+                                "backgroundColor": "#eb0055",
+                                "justifyContent": "center",
                                 "width": "100%",
                               },
-                              undefined,
                             ]
                           }
                         >
+                          <Image
+                            source={
+                              Object {
+                                "testUri": "../../../public/images/ShareAppBannerImage.png",
+                              }
+                            }
+                            style={
+                              Array [
+                                Object {
+                                  "bottom": 0,
+                                  "left": 0,
+                                  "position": "absolute",
+                                  "right": 0,
+                                  "top": 0,
+                                },
+                                Object {
+                                  "height": undefined,
+                                  "width": "100%",
+                                },
+                                undefined,
+                              ]
+                            }
+                            testID="module-background"
+                          />
                           <View
                             style={
                               Array [
                                 Object {
-                                  "flexGrow": 1,
-                                  "flexShrink": 1,
-                                  "marginRight": 16,
-                                  "textAlign": "start",
+                                  "alignItems": "center",
+                                  "borderColor": "#90949D",
+                                  "borderRadius": 7,
+                                  "borderStyle": "solid",
+                                  "borderWidth": 1,
+                                  "flexDirection": "row",
+                                  "padding": 16,
+                                  "width": "100%",
                                 },
+                                undefined,
                               ]
                             }
                           >
@@ -1489,199 +1478,199 @@ exports[`Profile component should render correctly 1`] = `
                               style={
                                 Array [
                                   Object {
-                                    "paddingRight": 32,
+                                    "flexGrow": 1,
+                                    "flexShrink": 1,
+                                    "marginRight": 16,
+                                    "textAlign": "start",
                                   },
                                 ]
                               }
                             >
-                              <Text
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#ffffff",
-                                      "fontFamily": "Montserrat-Bold",
-                                      "fontSize": 15,
-                                      "lineHeight": 20,
-                                    },
-                                  ]
-                                }
-                              >
-                                Partage le pass Culture
-                              </Text>
                               <View
-                                numberOfSpaces={1}
                                 style={
                                   Array [
                                     Object {
-                                      "height": 4,
-                                    },
-                                  ]
-                                }
-                              />
-                              <Text
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#ffffff",
-                                      "fontFamily": "Montserrat-Regular",
-                                      "fontSize": 15,
-                                      "lineHeight": 20,
+                                      "paddingRight": 32,
                                     },
                                   ]
                                 }
                               >
-                                Recommande le bon plan à tes amis !
-                              </Text>
+                                <Text
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#ffffff",
+                                        "fontFamily": "Montserrat-Bold",
+                                        "fontSize": 15,
+                                        "lineHeight": 20,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Partage le pass Culture
+                                </Text>
+                                <View
+                                  numberOfSpaces={1}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "height": 4,
+                                      },
+                                    ]
+                                  }
+                                />
+                                <Text
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#ffffff",
+                                        "fontFamily": "Montserrat-Regular",
+                                        "fontSize": 15,
+                                        "lineHeight": 20,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Recommande le bon plan à tes amis !
+                                </Text>
+                              </View>
                             </View>
-                          </View>
-                          <View>
-                            <View
-                              height={24}
-                              width={24}
-                            >
-                              <Text>
-                                undefined-SVG-Mock
-                              </Text>
+                            <View>
+                              <View
+                                height={24}
+                                width={24}
+                              >
+                                <Text>
+                                  undefined-SVG-Mock
+                                </Text>
+                              </View>
                             </View>
                           </View>
                         </View>
                       </View>
                     </View>
+                    <View
+                      numberOfSpaces={4}
+                      style={
+                        Array [
+                          Object {
+                            "height": 16,
+                          },
+                        ]
+                      }
+                    />
                   </View>
-                  <View
-                    numberOfSpaces={4}
-                    style={
-                      Array [
-                        Object {
-                          "height": 16,
-                        },
-                      ]
-                    }
-                  />
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <Text
-                    style={
-                      Array [
-                        Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
-                        },
-                      ]
-                    }
-                  >
-                    Suivre le pass Culture
-                  </Text>
-                  <View
-                    numberOfSpaces={2}
-                    style={
-                      Array [
-                        Object {
-                          "height": 8,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
                   <View
                     style={
                       Array [
                         Object {
-                          "marginBottom": "auto",
-                          "marginLeft": "auto",
-                          "marginRight": "auto",
-                          "marginTop": "auto",
-                          "maxWidth": 500,
-                          "width": "100%",
+                          "paddingTop": 8,
                         },
                       ]
                     }
                   >
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Suivre le pass Culture
+                    </Text>
                     <View
+                      numberOfSpaces={2}
                       style={
                         Array [
                           Object {
-                            "flexDirection": "row",
-                            "justifyContent": "space-between",
-                            "paddingVertical": 16,
+                            "height": 8,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "marginBottom": "auto",
+                            "marginLeft": "auto",
+                            "marginRight": "auto",
+                            "marginTop": "auto",
+                            "maxWidth": 500,
+                            "width": "100%",
                           },
                         ]
                       }
                     >
                       <View
-                        accessibilityRole="list"
                         style={
                           Array [
                             Object {
-                              "flexBasis": 0,
                               "flexDirection": "row",
-                              "flexGrow": 1,
-                              "flexShrink": 1,
                               "justifyContent": "space-between",
-                              "paddingLeft": 0,
+                              "paddingVertical": 16,
                             },
                           ]
                         }
                       >
                         <View
-                          accessibilityRole="none"
+                          accessibilityRole="list"
                           style={
                             Array [
                               Object {
-                                "display": "flex",
+                                "flexBasis": 0,
+                                "flexDirection": "row",
+                                "flexGrow": 1,
+                                "flexShrink": 1,
+                                "justifyContent": "space-between",
+                                "paddingLeft": 0,
                               },
                             ]
                           }
                         >
                           <View
-                            accessibilityRole="link"
-                            accessible={false}
-                            collapsable={false}
-                            focusable={true}
-                            onClick={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
+                            accessibilityRole="none"
                             style={
-                              Object {
-                                "opacity": 1,
-                                "userSelect": "auto",
-                              }
+                              Array [
+                                Object {
+                                  "display": "flex",
+                                },
+                              ]
                             }
                           >
                             <View
+                              accessibilityRole="link"
+                              accessible={false}
+                              collapsable={false}
+                              focusable={true}
+                              onClick={[Function]}
+                              onResponderGrant={[Function]}
+                              onResponderMove={[Function]}
+                              onResponderRelease={[Function]}
+                              onResponderTerminate={[Function]}
+                              onResponderTerminationRequest={[Function]}
+                              onStartShouldSetResponder={[Function]}
                               style={
-                                Array [
-                                  Object {
-                                    "alignItems": "center",
-                                    "flexDirection": "column",
-                                    "justifyContent": "center",
-                                    "maxWidth": 80,
-                                  },
-                                ]
+                                Object {
+                                  "opacity": 1,
+                                  "userSelect": "auto",
+                                }
                               }
                             >
                               <View
@@ -1689,89 +1678,89 @@ exports[`Profile component should render correctly 1`] = `
                                   Array [
                                     Object {
                                       "alignItems": "center",
-                                      "height": 32,
+                                      "flexDirection": "column",
                                       "justifyContent": "center",
-                                      "width": 32,
+                                      "maxWidth": 80,
                                     },
                                   ]
                                 }
                               >
                                 <View
-                                  height={24}
-                                  width={24}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "alignItems": "center",
+                                        "height": 32,
+                                        "justifyContent": "center",
+                                        "width": 32,
+                                      },
+                                    ]
+                                  }
                                 >
-                                  <Text>
-                                    undefined-SVG-Mock
-                                  </Text>
+                                  <View
+                                    height={24}
+                                    width={24}
+                                  >
+                                    <Text>
+                                      undefined-SVG-Mock
+                                    </Text>
+                                  </View>
                                 </View>
+                                <View
+                                  numberOfSpaces={1}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "height": 4,
+                                      },
+                                    ]
+                                  }
+                                />
+                                <Text
+                                  numberOfLines={2}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#161617",
+                                        "fontFamily": "Montserrat-SemiBold",
+                                        "fontSize": 12,
+                                        "lineHeight": 16,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Instagram
+                                </Text>
                               </View>
-                              <View
-                                numberOfSpaces={1}
-                                style={
-                                  Array [
-                                    Object {
-                                      "height": 4,
-                                    },
-                                  ]
-                                }
-                              />
-                              <Text
-                                numberOfLines={2}
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#161617",
-                                      "fontFamily": "Montserrat-SemiBold",
-                                      "fontSize": 12,
-                                      "lineHeight": 16,
-                                    },
-                                  ]
-                                }
-                              >
-                                Instagram
-                              </Text>
                             </View>
                           </View>
-                        </View>
-                        <View
-                          accessibilityRole="none"
-                          style={
-                            Array [
-                              Object {
-                                "display": "flex",
-                              },
-                            ]
-                          }
-                        >
                           <View
-                            accessibilityRole="link"
-                            accessible={false}
-                            collapsable={false}
-                            focusable={true}
-                            onClick={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
+                            accessibilityRole="none"
                             style={
-                              Object {
-                                "opacity": 1,
-                                "userSelect": "auto",
-                              }
+                              Array [
+                                Object {
+                                  "display": "flex",
+                                },
+                              ]
                             }
                           >
                             <View
+                              accessibilityRole="link"
+                              accessible={false}
+                              collapsable={false}
+                              focusable={true}
+                              onClick={[Function]}
+                              onResponderGrant={[Function]}
+                              onResponderMove={[Function]}
+                              onResponderRelease={[Function]}
+                              onResponderTerminate={[Function]}
+                              onResponderTerminationRequest={[Function]}
+                              onStartShouldSetResponder={[Function]}
                               style={
-                                Array [
-                                  Object {
-                                    "alignItems": "center",
-                                    "flexDirection": "column",
-                                    "justifyContent": "center",
-                                    "maxWidth": 80,
-                                  },
-                                ]
+                                Object {
+                                  "opacity": 1,
+                                  "userSelect": "auto",
+                                }
                               }
                             >
                               <View
@@ -1779,89 +1768,89 @@ exports[`Profile component should render correctly 1`] = `
                                   Array [
                                     Object {
                                       "alignItems": "center",
-                                      "height": 32,
+                                      "flexDirection": "column",
                                       "justifyContent": "center",
-                                      "width": 32,
+                                      "maxWidth": 80,
                                     },
                                   ]
                                 }
                               >
                                 <View
-                                  height={24}
-                                  width={24}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "alignItems": "center",
+                                        "height": 32,
+                                        "justifyContent": "center",
+                                        "width": 32,
+                                      },
+                                    ]
+                                  }
                                 >
-                                  <Text>
-                                    undefined-SVG-Mock
-                                  </Text>
+                                  <View
+                                    height={24}
+                                    width={24}
+                                  >
+                                    <Text>
+                                      undefined-SVG-Mock
+                                    </Text>
+                                  </View>
                                 </View>
+                                <View
+                                  numberOfSpaces={1}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "height": 4,
+                                      },
+                                    ]
+                                  }
+                                />
+                                <Text
+                                  numberOfLines={2}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#161617",
+                                        "fontFamily": "Montserrat-SemiBold",
+                                        "fontSize": 12,
+                                        "lineHeight": 16,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Twitter
+                                </Text>
                               </View>
-                              <View
-                                numberOfSpaces={1}
-                                style={
-                                  Array [
-                                    Object {
-                                      "height": 4,
-                                    },
-                                  ]
-                                }
-                              />
-                              <Text
-                                numberOfLines={2}
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#161617",
-                                      "fontFamily": "Montserrat-SemiBold",
-                                      "fontSize": 12,
-                                      "lineHeight": 16,
-                                    },
-                                  ]
-                                }
-                              >
-                                Twitter
-                              </Text>
                             </View>
                           </View>
-                        </View>
-                        <View
-                          accessibilityRole="none"
-                          style={
-                            Array [
-                              Object {
-                                "display": "flex",
-                              },
-                            ]
-                          }
-                        >
                           <View
-                            accessibilityRole="link"
-                            accessible={false}
-                            collapsable={false}
-                            focusable={true}
-                            onClick={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
+                            accessibilityRole="none"
                             style={
-                              Object {
-                                "opacity": 1,
-                                "userSelect": "auto",
-                              }
+                              Array [
+                                Object {
+                                  "display": "flex",
+                                },
+                              ]
                             }
                           >
                             <View
+                              accessibilityRole="link"
+                              accessible={false}
+                              collapsable={false}
+                              focusable={true}
+                              onClick={[Function]}
+                              onResponderGrant={[Function]}
+                              onResponderMove={[Function]}
+                              onResponderRelease={[Function]}
+                              onResponderTerminate={[Function]}
+                              onResponderTerminationRequest={[Function]}
+                              onStartShouldSetResponder={[Function]}
                               style={
-                                Array [
-                                  Object {
-                                    "alignItems": "center",
-                                    "flexDirection": "column",
-                                    "justifyContent": "center",
-                                    "maxWidth": 80,
-                                  },
-                                ]
+                                Object {
+                                  "opacity": 1,
+                                  "userSelect": "auto",
+                                }
                               }
                             >
                               <View
@@ -1869,89 +1858,89 @@ exports[`Profile component should render correctly 1`] = `
                                   Array [
                                     Object {
                                       "alignItems": "center",
-                                      "height": 32,
+                                      "flexDirection": "column",
                                       "justifyContent": "center",
-                                      "width": 32,
+                                      "maxWidth": 80,
                                     },
                                   ]
                                 }
                               >
                                 <View
-                                  height={24}
-                                  width={24}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "alignItems": "center",
+                                        "height": 32,
+                                        "justifyContent": "center",
+                                        "width": 32,
+                                      },
+                                    ]
+                                  }
                                 >
-                                  <Text>
-                                    undefined-SVG-Mock
-                                  </Text>
+                                  <View
+                                    height={24}
+                                    width={24}
+                                  >
+                                    <Text>
+                                      undefined-SVG-Mock
+                                    </Text>
+                                  </View>
                                 </View>
+                                <View
+                                  numberOfSpaces={1}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "height": 4,
+                                      },
+                                    ]
+                                  }
+                                />
+                                <Text
+                                  numberOfLines={2}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#161617",
+                                        "fontFamily": "Montserrat-SemiBold",
+                                        "fontSize": 12,
+                                        "lineHeight": 16,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Tiktok
+                                </Text>
                               </View>
-                              <View
-                                numberOfSpaces={1}
-                                style={
-                                  Array [
-                                    Object {
-                                      "height": 4,
-                                    },
-                                  ]
-                                }
-                              />
-                              <Text
-                                numberOfLines={2}
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#161617",
-                                      "fontFamily": "Montserrat-SemiBold",
-                                      "fontSize": 12,
-                                      "lineHeight": 16,
-                                    },
-                                  ]
-                                }
-                              >
-                                Tiktok
-                              </Text>
                             </View>
                           </View>
-                        </View>
-                        <View
-                          accessibilityRole="none"
-                          style={
-                            Array [
-                              Object {
-                                "display": "flex",
-                              },
-                            ]
-                          }
-                        >
                           <View
-                            accessibilityRole="link"
-                            accessible={false}
-                            collapsable={false}
-                            focusable={true}
-                            onClick={[Function]}
-                            onResponderGrant={[Function]}
-                            onResponderMove={[Function]}
-                            onResponderRelease={[Function]}
-                            onResponderTerminate={[Function]}
-                            onResponderTerminationRequest={[Function]}
-                            onStartShouldSetResponder={[Function]}
+                            accessibilityRole="none"
                             style={
-                              Object {
-                                "opacity": 1,
-                                "userSelect": "auto",
-                              }
+                              Array [
+                                Object {
+                                  "display": "flex",
+                                },
+                              ]
                             }
                           >
                             <View
+                              accessibilityRole="link"
+                              accessible={false}
+                              collapsable={false}
+                              focusable={true}
+                              onClick={[Function]}
+                              onResponderGrant={[Function]}
+                              onResponderMove={[Function]}
+                              onResponderRelease={[Function]}
+                              onResponderTerminate={[Function]}
+                              onResponderTerminationRequest={[Function]}
+                              onStartShouldSetResponder={[Function]}
                               style={
-                                Array [
-                                  Object {
-                                    "alignItems": "center",
-                                    "flexDirection": "column",
-                                    "justifyContent": "center",
-                                    "maxWidth": 80,
-                                  },
-                                ]
+                                Object {
+                                  "opacity": 1,
+                                  "userSelect": "auto",
+                                }
                               }
                             >
                               <View
@@ -1959,291 +1948,338 @@ exports[`Profile component should render correctly 1`] = `
                                   Array [
                                     Object {
                                       "alignItems": "center",
-                                      "height": 32,
+                                      "flexDirection": "column",
                                       "justifyContent": "center",
-                                      "width": 32,
-                                    },
-                                  ]
-                                }
-                              >
-                                <View
-                                  height={24}
-                                  width={24}
-                                >
-                                  <Text>
-                                    undefined-SVG-Mock
-                                  </Text>
-                                </View>
-                              </View>
-                              <View
-                                numberOfSpaces={1}
-                                style={
-                                  Array [
-                                    Object {
-                                      "height": 4,
-                                    },
-                                  ]
-                                }
-                              />
-                              <Text
-                                numberOfLines={2}
-                                style={
-                                  Array [
-                                    Object {
-                                      "color": "#161617",
-                                      "fontFamily": "Montserrat-SemiBold",
-                                      "fontSize": 12,
-                                      "lineHeight": 16,
+                                      "maxWidth": 80,
                                     },
                                   ]
                                 }
                               >
-                                Facebook
-                              </Text>
+                                <View
+                                  style={
+                                    Array [
+                                      Object {
+                                        "alignItems": "center",
+                                        "height": 32,
+                                        "justifyContent": "center",
+                                        "width": 32,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  <View
+                                    height={24}
+                                    width={24}
+                                  >
+                                    <Text>
+                                      undefined-SVG-Mock
+                                    </Text>
+                                  </View>
+                                </View>
+                                <View
+                                  numberOfSpaces={1}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "height": 4,
+                                      },
+                                    ]
+                                  }
+                                />
+                                <Text
+                                  numberOfLines={2}
+                                  style={
+                                    Array [
+                                      Object {
+                                        "color": "#161617",
+                                        "fontFamily": "Montserrat-SemiBold",
+                                        "fontSize": 12,
+                                        "lineHeight": 16,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  Facebook
+                                </Text>
+                              </View>
                             </View>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <View
-                    numberOfSpaces={2}
-                    style={
-                      Array [
-                        Object {
-                          "height": 8,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
                   <View
-                    numberOfSpaces={4}
                     style={
                       Array [
                         Object {
-                          "height": 16,
+                          "paddingTop": 8,
                         },
                       ]
                     }
-                  />
-                  <View
-                    accessibilityLabel="Déconnexion"
-                    accessibilityRole="button"
-                    accessibilityState={
-                      Object {
-                        "disabled": false,
+                  >
+                    <View
+                      numberOfSpaces={2}
+                      style={
+                        Array [
+                          Object {
+                            "height": 8,
+                          },
+                        ]
                       }
-                    }
-                    accessible={true}
-                    collapsable={false}
-                    focusable={true}
-                    onClick={[Function]}
-                    onResponderGrant={[Function]}
-                    onResponderMove={[Function]}
-                    onResponderRelease={[Function]}
-                    onResponderTerminate={[Function]}
-                    onResponderTerminationRequest={[Function]}
-                    onStartShouldSetResponder={[Function]}
-                    style={
-                      Object {
-                        "opacity": 1,
-                        "userSelect": "auto",
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
                       }
-                    }
-                    testID="Déconnexion"
-                  >
+                    />
                     <View
+                      numberOfSpaces={4}
                       style={
                         Array [
                           Object {
-                            "alignItems": "center",
-                            "flexDirection": "row",
-                            "justifyContent": "space-between",
+                            "height": 16,
                           },
-                          undefined,
                         ]
                       }
-                    >
-                      <View
-                        height={24}
-                        width={24}
-                      >
-                        <Text>
-                          undefined-SVG-Mock
-                        </Text>
-                      </View>
-                      <View
-                        numberOfSpaces={2}
-                        style={
-                          Array [
-                            Object {
-                              "width": 8,
-                            },
-                          ]
+                    />
+                    <View
+                      accessibilityLabel="Déconnexion"
+                      accessibilityRole="button"
+                      accessibilityState={
+                        Object {
+                          "disabled": false,
+                        }
+                      }
+                      accessible={true}
+                      collapsable={false}
+                      focusable={true}
+                      onClick={[Function]}
+                      onResponderGrant={[Function]}
+                      onResponderMove={[Function]}
+                      onResponderRelease={[Function]}
+                      onResponderTerminate={[Function]}
+                      onResponderTerminationRequest={[Function]}
+                      onStartShouldSetResponder={[Function]}
+                      style={
+                        Object {
+                          "opacity": 1,
+                          "userSelect": "auto",
                         }
-                      />
+                      }
+                      testID="Déconnexion"
+                    >
                       <View
                         style={
                           Array [
                             Object {
-                              "flexBasis": 0,
-                              "flexGrow": 1,
-                              "flexShrink": 1,
-                              "textAlign": "left",
+                              "alignItems": "center",
+                              "flexDirection": "row",
+                              "justifyContent": "space-between",
                             },
+                            undefined,
                           ]
                         }
                       >
-                        <Text
-                          numberOfLines={2}
+                        <View
+                          height={24}
+                          width={24}
+                        >
+                          <Text>
+                            undefined-SVG-Mock
+                          </Text>
+                        </View>
+                        <View
+                          numberOfSpaces={2}
+                          style={
+                            Array [
+                              Object {
+                                "width": 8,
+                              },
+                            ]
+                          }
+                        />
+                        <View
                           style={
                             Array [
                               Object {
-                                "color": "#161617",
-                                "fontFamily": "Montserrat-Bold",
-                                "fontSize": 15,
-                                "lineHeight": 20,
+                                "flexBasis": 0,
+                                "flexGrow": 1,
+                                "flexShrink": 1,
+                                "textAlign": "left",
                               },
                             ]
                           }
                         >
-                          Déconnexion
-                        </Text>
+                          <Text
+                            numberOfLines={2}
+                            style={
+                              Array [
+                                Object {
+                                  "color": "#161617",
+                                  "fontFamily": "Montserrat-Bold",
+                                  "fontSize": 15,
+                                  "lineHeight": 20,
+                                },
+                              ]
+                            }
+                          >
+                            Déconnexion
+                          </Text>
+                        </View>
                       </View>
                     </View>
                   </View>
-                </View>
-                <View
-                  style={
-                    Array [
-                      Object {
-                        "paddingTop": 8,
-                      },
-                    ]
-                  }
-                >
-                  <View
-                    numberOfSpaces={2}
-                    style={
-                      Array [
-                        Object {
-                          "height": 8,
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "#F1F1F4",
-                          "height": 1,
-                          "width": "100%",
-                        },
-                      ]
-                    }
-                  />
-                  <View
-                    numberOfSpaces={4}
-                    style={
-                      Array [
-                        Object {
-                          "height": 16,
-                        },
-                      ]
-                    }
-                  />
-                  <Text
-                    style={
-                      Array [
-                        Object {
-                          "color": "#696A6F",
-                          "fontFamily": "Montserrat-SemiBold",
-                          "fontSize": 12,
-                          "lineHeight": 16,
-                        },
-                      ]
-                    }
-                  >
-                    Version 1.10.5
-                  </Text>
-                  <View
-                    numberOfSpaces={4}
-                    style={
-                      Array [
-                        Object {
-                          "height": 16,
-                        },
-                      ]
-                    }
-                  />
                   <View
                     style={
                       Array [
                         Object {
-                          "height": 112,
-                          "width": 160,
+                          "paddingTop": 8,
                         },
                       ]
                     }
                   >
                     <View
-                      accessibilityLabel="République Française - Liberté Égalité Fraternité"
-                      fill="none"
-                      height="100%"
-                      width="100%"
+                      numberOfSpaces={2}
+                      style={
+                        Array [
+                          Object {
+                            "height": 8,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "backgroundColor": "#F1F1F4",
+                            "height": 1,
+                            "width": "100%",
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      numberOfSpaces={4}
+                      style={
+                        Array [
+                          Object {
+                            "height": 16,
+                          },
+                        ]
+                      }
+                    />
+                    <Text
+                      style={
+                        Array [
+                          Object {
+                            "color": "#696A6F",
+                            "fontFamily": "Montserrat-SemiBold",
+                            "fontSize": 12,
+                            "lineHeight": 16,
+                          },
+                        ]
+                      }
+                    >
+                      Version 1.10.5
+                    </Text>
+                    <View
+                      numberOfSpaces={4}
+                      style={
+                        Array [
+                          Object {
+                            "height": 16,
+                          },
+                        ]
+                      }
+                    />
+                    <View
+                      style={
+                        Array [
+                          Object {
+                            "height": 112,
+                            "width": 160,
+                          },
+                        ]
+                      }
                     >
-                      <Text>
-                        undefined-SVG-Mock
-                      </Text>
+                      <View
+                        accessibilityLabel="République Française - Liberté Égalité Fraternité"
+                        fill="none"
+                        height="100%"
+                        width="100%"
+                      >
+                        <Text>
+                          undefined-SVG-Mock
+                        </Text>
+                      </View>
                     </View>
+                    <View
+                      numberOfSpaces={4}
+                      style={
+                        Array [
+                          Object {
+                            "height": 16,
+                          },
+                        ]
+                      }
+                    />
                   </View>
                   <View
-                    numberOfSpaces={4}
+                    customHeight={72}
+                    enable={true}
                     style={
                       Array [
                         Object {
-                          "height": 16,
+                          "height": 72,
                         },
                       ]
                     }
                   />
                 </View>
-                <View
-                  customHeight={72}
-                  enable={true}
-                  style={
+              </View>
+            </RCTScrollView>
+            <View
+              height={16}
+              style={
+                Array [
+                  Object {
+                    "backdropFilter": "blur(20px)",
+                    "height": 16,
+                    "left": 0,
+                    "overflow": "hidden",
+                    "position": "absolute",
+                    "right": 0,
+                  },
+                ]
+              }
+            >
+              <BlurView
+                blurAmount={8}
+                blurType="light"
+                style={
+                  Array [
+                    Object {
+                      "backgroundColor": "transparent",
+                    },
                     Array [
                       Object {
-                        "height": 72,
+                        "flexBasis": 0,
+                        "flexGrow": 1,
+                        "flexShrink": 1,
                       },
-                    ]
-                  }
-                />
-              </View>
+                    ],
+                  ]
+                }
+              />
             </View>
-          </RCTScrollView>
+          </View>
         </View>
         <View
           onLayout={[Function]}