web layout

src/components/ListSelection/ListSelection.js

@@ -1,6 +1,6 @@
-import React, { useMemo, useState } from "react";
-import { FlatList, SectionList, Text, View, Platform } from "react-native";
 import { BlurView } from "expo-blur";
+import React, { useMemo, useState } from "react";
+import { FlatList, Platform, SectionList, Text, View } from "react-native";
 import CreateLyricsHeader from "../../screens/Writing/components/CreateLyricsHeader";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
@@ -30,7 +30,7 @@ const ListSelection = ({
 }) => {
   // Internal fallback state when not provided by parent
   const [internalSelected, setInternalSelected] = useState(
-    variant === "sectioned" ? {} : multiple ? [] : null,
+    variant === "sectioned" ? {} : multiple ? [] : null
   );
   const selected = selectedProp !== undefined ? selectedProp : internalSelected;
   const setSelected =
@@ -170,11 +170,15 @@ const ListSelection = ({
           );
         }}
         renderSectionHeader={({ section: { title } }) => (
-          <View style={{ alignSelf: "flex-start", marginLeft: 10, marginBottom: 6 }}>
+          <View
+            style={{ alignSelf: "flex-start", marginLeft: 10, marginBottom: 6 }}
+          >
             <BlurView
               intensity={40}
               tint="dark"
-              experimentalBlurMethod={Platform.OS !== "ios" ? "dimezisBlurView" : "none"}
+              experimentalBlurMethod={
+                Platform.OS !== "ios" ? "dimezisBlurView" : "none"
+              }
               style={{
                 borderRadius: 18,
                 overflow: "hidden",