Change main page and modify flows

src/components/RenderChatFile.js

@@ -1,14 +1,10 @@
 import { useContext } from "reactn";
 import { Pressable, View, Image, Text } from "react-native";
-import { Video, ResizeMode } from "expo-av";
-
+import { Video, ResizeMode } from "expo-video";
 import { Fonts, gutters, Palette } from "../styles";
 import Style, { mainBorderRadius } from "../styles/Style";
-
 import { icons } from "../assets";
-
-import { substringTextLength } from "../helpers/index.js";
-
+import { substringTextLength } from "../helpers";
 import { WebViewContext } from "../providers/WebViewProvider.js";
 
 const thumbnailStyle = {
@@ -20,7 +16,7 @@ const thumbnailStyle = {
 
 const RenderChatFile = (
   { uri, type = "image", name = "", containerStyle = {} },
-  index
+  index,
 ) => {
   const { setWebViewUrl } = useContext(WebViewContext);