eyeSVG & center login

src/screens/Login.js

@@ -1,4 +1,4 @@
-import { GoogleSigninButton } from "@react-native-google-signin/google-signin";
+/* eslint-disable react/display-name */
 import * as AuthSession from "expo-auth-session";
 import * as GoogleAuth from "expo-auth-session/providers/google";
 import * as WebBrowser from "expo-web-browser";
@@ -8,6 +8,7 @@ import { useGlobal } from "reactn";
 import { background } from "../assets";
 import GradientButton from "../components/GradientButton.js";
 import { Input } from "../components/Input.js";
+import ItemContainer from "../components/ItemContainer/ItemContainer";
 import firebase, { usersRef } from "../config/firebase";
 import {
   GOOGLE_ANDROID_CLIENT_ID,
@@ -20,7 +21,6 @@ import { Routes } from "../navigation";
 import { navigate } from "../navigation/NavigationService.js";
 import { FONT_FAMILY } from "../styles/Fonts.js";
 import Palette from "../styles/Palette.js";
-import ItemContainer from "../components/ItemContainer/ItemContainer";
 
 export default ({ navigation }) => {
   WebBrowser.maybeCompleteAuthSession();
@@ -133,7 +133,7 @@ export default ({ navigation }) => {
                 redirectUri: request?.redirectUri,
                 extraParams: { code_verifier: request?.codeVerifier },
               },
-              discovery,
+              discovery
             );
             idToken = tokenResponse?.id_token;
           }
@@ -168,10 +168,16 @@ export default ({ navigation }) => {
       width={isWeb ? 600 : null}
       backgroundImg={isWeb ? background.loginBgWeb : background.homeBG}
       headerType="NAVIGATION"
-      title="Connexion"
+      title={isWeb ? "" : "Connexion"}
       hideBackButton
     >
-      <View style={{ flex: 1, paddingTop: 20 }}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
         <ItemContainer height={600} width={800} disableKeyboardHeight>
           <View style={{ gap: 30, paddingTop: 5, paddingHorizontal: 5 }}>
             <View style={{ gap: 2 }}>

src/screens/Playback/RecordPlayback.web.js

@@ -193,9 +193,7 @@ const RecordPlayback = ({ route }) => {
         "mediaRecorder:error",
         String(err?.message || err || "")
       );
-      setMediaError(
-        err instanceof Error ? err : new Error(String(err || ""))
-      );
+      setMediaError(err instanceof Error ? err : new Error(String(err || "")));
     };
 
     recorder.onstop = () => {
@@ -475,14 +473,10 @@ const RecordPlayback = ({ route }) => {
     }
 
     setIsRecording(false);
-    console.log(
-      LOG_PREFIX,
-      "stopAndNavigate:navigate",
-      {
-        route: Routes.RecordedPlayback,
-        hasVideo: !!videoUrl,
-      }
-    );
+    console.log(LOG_PREFIX, "stopAndNavigate:navigate", {
+      route: Routes.RecordedPlayback,
+      hasVideo: !!videoUrl,
+    });
     navigate(Routes.RecordedPlayback, { project, videoUri: videoUrl || null });
   }, [dur, player, pos, project, stopRecorderAndGetUrl]);
 

src/screens/Register.js

@@ -1,15 +1,15 @@
-import { View, Text, Pressable } from "react-native";
 import React, { useState } from "react";
-import Page from "../layouts/Page";
+import { Pressable, Text, View } from "react-native";
 import { background } from "../assets";
-import { Palette } from "../styles";
-import { FONT_FAMILY } from "../styles/Fonts";
-import { Input } from "../components/Input";
 import BorderGradientButton from "../components/BorderGradientButton";
-import { navigate } from "../navigation/NavigationService";
-import { Routes } from "../navigation";
+import { Input } from "../components/Input";
 import ItemContainer from "../components/ItemContainer/ItemContainer";
 import { isWeb } from "../hooks/useLayoutType";
+import Page from "../layouts/Page";
+import { Routes } from "../navigation";
+import { navigate } from "../navigation/NavigationService";
+import { Palette } from "../styles";
+import { FONT_FAMILY } from "../styles/Fonts";
 
 const Register = () => {
   const [email, setEmail] = useState("");
@@ -21,7 +21,13 @@ const Register = () => {
       headerType="NAVIGATION"
       title="Inscription"
     >
-      <View style={{ flex: 1, paddingTop: 20 }}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: "center",
+          alignItems: "center",
+        }}
+      >
         <ItemContainer height={360} disableKeyboardHeight>
           <View style={{ gap: 32, paddingTop: 5, paddingHorizontal: 5 }}>
             <Text