chore(infrastructure): e2e ci

Author: luke-h1

proxy.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 /* eslint-disable @typescript-eslint/require-await */
- 
+
 import axios from 'axios';
 import dotenv from 'dotenv';
 import express, { Request, Response } from 'express';

src/components/Chat/Chat.tsx

@@ -1296,11 +1296,7 @@ export const Chat = memo(({ channelName, channelId }: ChatProps) => {
   }, []);
 
   return (
-    <View style={styles.wrapper}>
-      <View style={{ paddingTop: insets.top }}>
-        <Text style={styles.header}>CHAT</Text>
-      </View>
-
+    <View style={[styles.wrapper, { paddingTop: insets.top }]}>
       <KeyboardAvoidingView
         behavior="padding"
         style={styles.keyboardAvoidingView}
@@ -1326,6 +1322,7 @@ export const Chat = memo(({ channelName, channelId }: ChatProps) => {
                   getItemType={getItemType}
                   onScroll={handleScroll}
                   renderItem={renderItem}
+                  contentContainerStyle={styles.listContent}
                   maintainVisibleContentPosition={{
                     autoscrollToTopThreshold: 10,
                     autoscrollToBottomThreshold: 10,
@@ -1432,15 +1429,16 @@ const styles = StyleSheet.create(theme => ({
   keyboardAvoidingView: {
     flex: 1,
   },
-  header: {
-    padding: theme.spacing.md,
-  },
   chatContainer: {
     flex: 1,
     width: '100%',
     overflow: 'hidden',
     maxWidth: '100%',
   },
+  listContent: {
+    paddingTop: theme.spacing.sm,
+    paddingBottom: theme.spacing.md,
+  },
   connectingContainer: {
     paddingVertical: theme.spacing.xs,
     paddingHorizontal: theme.spacing.sm,

src/components/Chat/components/ChatSkeleton.tsx

@@ -1,5 +1,4 @@
 import { SafeAreaViewFixed } from '@app/components/SafeAreaViewFixed/SafeAreaViewFixed';
-import { Text } from '@app/components/Text/Text';
 import { useEffect } from 'react';
 import { useWindowDimensions, View, ViewStyle } from 'react-native';
 import Animated, {
@@ -69,7 +68,6 @@ export function ChatSkeleton() {
   const chatHeight = height * 0.6;
   return (
     <SafeAreaViewFixed style={styles.safeArea}>
-      <Text style={styles.header}>CHAT</Text>
       <View
         style={[styles.chatContainer, { width: chatWidth, height: chatHeight }]}
       >
@@ -93,12 +91,6 @@ export function ChatSkeleton() {
 }
 
 const styles = StyleSheet.create(theme => ({
-  header: {
-    padding: theme.spacing.sm,
-    borderBottomWidth: 1,
-    borderBottomColor: '#2d2d2d',
-    borderCurve: 'continuous',
-  },
   chatContainer: {
     flex: 1,
   },