Fix Task: #92

src/screens/Writing/CreatingLyrics.js

@@ -153,12 +153,12 @@ const CreatingLyrics = ({ active, config, selections }) => {
           }}
         >
           <BlurView
-            intensity={40}
+            intensity={Platform.OS !== "ios" ? 10 : 40}
             tint="dark"
             style={{ flex: 1, padding: 10, paddingBottom: 20 }}
-            experimentalBlurMethod={
-              Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-            }
+            // experimentalBlurMethod={
+            //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+            // }
           >
             <View style={{ flex: 1, justifyContent: "flex-end", gap: 20 }}>
               <Text

src/screens/Writing/CustomizeSongStructure.js

@@ -45,9 +45,9 @@ const CustomizeSongStructure = ({ baseStructure = [], onChange }) => {
   const Row = ({ item: rowData }) => (
     <View style={styles.itemContainer}>
       <BlurView
-        intensity={30}
+        intensity={Platform.OS !== "ios" ? 10 : 30}
         style={styles.rowBlur}
-        experimentalBlurMethod={Platform.OS !== "ios" ? "dimezisBlurView" : "none"}
+        // experimentalBlurMethod={Platform.OS !== "ios" ? "dimezisBlurView" : "none"}
       >
         <View style={{ ...Style.containerSpaceBetween, alignItems: "center" }}>
           <View>
@@ -79,7 +79,10 @@ const CustomizeSongStructure = ({ baseStructure = [], onChange }) => {
         title="Personnalise la structure de ta chanson"
         subTitle="Réorganise par glisser-déposer"
       />
-      <View style={{ flex: 1 }} onLayout={(e) => setContainerLayout(e.nativeEvent.layout)}>
+      <View
+        style={{ flex: 1 }}
+        onLayout={(e) => setContainerLayout(e.nativeEvent.layout)}
+      >
         <Animated.ScrollView
           ref={scrollRef}
           contentContainerStyle={{ paddingVertical: 4, paddingBottom: 24 }}
@@ -94,7 +97,9 @@ const CustomizeSongStructure = ({ baseStructure = [], onChange }) => {
             // Enable auto-scroll when dragging near edges
             scrollableRef={scrollRef}
             onDragEnd={({ data: newData }) => {
-              const values = (newData || []).map((it) => it?.value).filter(Boolean);
+              const values = (newData || [])
+                .map((it) => it?.value)
+                .filter(Boolean);
               onChange?.(values);
             }}
           />

src/screens/Writing/components/CreateLyricsHeader.js

@@ -100,9 +100,9 @@ const CreateLyricsHeader = ({
               gap: 4,
               ...blurViewStyle,
             }}
-            experimentalBlurMethod={
-              Platform.OS !== "ios" ? "dimezisBlurView" : "none"
-            }
+            // experimentalBlurMethod={
+            //   Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+            // }
           >
             {title && (
               <Text