fix list and improve cloud functions

src/components/cards/PersonaCard/PersonaCard.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Text, useWindowDimensions, View } from "react-native";
+import { Platform, Text, useWindowDimensions, View } from "react-native";
 import { Image } from "expo-image";
 import { BlurView } from "expo-blur";
 import { gutters, Palette } from "../../../styles";
@@ -7,16 +7,17 @@ import { FONT_FAMILY } from "../../../styles/Fonts";
 import FontAwesome from "@expo/vector-icons/FontAwesome";
 import palette from "../../../styles/Palette";
 
-export default function PersonaCard({ item, isLock = false }) {
+export default function PersonaCard({ item, isLock = false, height }) {
   const { height: windowHeight } = useWindowDimensions();
+  const baseHeight = Math.max(height ?? windowHeight, 1);
+  const cardHeight = Platform.OS === "web" ? Math.round(baseHeight) : baseHeight;
 
   return (
     <View
       style={{
         justifyContent: "center",
         alignItems: "center",
-        height: windowHeight,
-        marginTop: -20,
+        height: cardHeight,
       }}
     >
       <View

src/components/cards/PersonaCard/PersonaCard.web.js

@@ -18,7 +18,6 @@ export default function PersonaCard({ item, index, isLock = true }) {
         justifyContent: "center",
         alignItems: "center",
         height: windowHeight,
-        marginTop: 50,
       }}
     >
       <View