Change main page and modify flows

src/screens/Studio/PouchReady.js

@@ -1,4 +1,5 @@
 import { View, Text, Image, ActivityIndicator } from "react-native";
+import { Image as ExpoImage } from "expo-image";
 import React, { useEffect, useState } from "react";
 import Page from "../../layouts/Page";
 import { background, icons, img } from "../../assets";
@@ -83,8 +84,12 @@ const PouchReady = () => {
         <View style={{ flex: 1, ...Style.containerCenter }}>
           <View style={{ width: "80%", position: "relative" }}>
             {coverUrl ? (
-              <Image
+              <ExpoImage
                 source={{ uri: coverUrl }}
+                cachePolicy="memory-disk"
+                priority="high"
+                contentFit="cover"
+                transition={120}
                 style={{ width: "100%", height: 300, borderRadius: 20 }}
               />
             ) : (

src/screens/Studio/Studio.js

@@ -6,8 +6,6 @@ import GradientButton from "../../components/GradientButton";
 import { navigate } from "../../navigation/NavigationService";
 import { Routes } from "../../navigation";
 import { gutters } from "../../styles";
-import firebase from "../../config/firebase";
-import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import { useUser } from "../../providers/UserDataProvider";
 import { responsiveHeight } from "react-native-responsive-dimensions";