TODO: tách component BodySection từ renderBody và bỏ qua cảnh báo Reanimated "Reduced motion"

- Tách phần thân HomeView thành component BodySection để dễ tái sử dụng/đọc code
- Sửa lỗi single-child cho TouchableWithoutFeedback (renderBody() làm 1 element)
- Thêm LogBox.ignoreLogs để ẩn cảnh báo "[Reanimated] Reduced motion setting is enabled"

src/screens/class_schedule/view.js

@@ -3,18 +3,19 @@ import {
   Text,
   View,
   TouchableOpacity,
-  StyleSheet,
   ScrollView,
-  Dimensions,
   Modal,
   Animated,
-  SafeAreaView,
+  LogBox
 } from 'react-native';
 import R from '../../assets/R';
-import {styles, CELL_WIDTH, BOTTOM_SHEET_HEIGHT} from './style';
+import {styles} from './style';
 import {useNavigation} from '@react-navigation/native';
 import * as SCREENNAME from '../../routers/ScreenNames';
 
+LogBox.ignoreLogs([
+  '[Reanimated] Reduced motion setting is enabled', 
+]);
 const ClassScheduleView = ({
   currentDate,
   selectedDate,
@@ -102,7 +103,8 @@ const ClassScheduleView = ({
           !isInCurrentMonth && {backgroundColor: R.colors.gray},
         ]}
         onPress={() => handleDatePress(date)}
-        activeOpacity={0.7}>
+        activeOpacity={0.7}
+        >
         <Text
           style={[
             styles.dayText,

src/screens/home/view.js

@@ -149,9 +149,8 @@ const HomeView = ({
     );
   };
 
+  const renderBody = () => {
     return (
-    <View style={styles.safeArea}>
-      <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
       <View style={styles.container_body}>
         <ImageBackground
           source={R.images.igBackground}
@@ -170,6 +169,13 @@ const HomeView = ({
           {renderMenuNotification()}
         </ScrollView>
       </View>
+    );
+  };
+
+  return (
+    <View style={styles.safeArea}>
+      <TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
+        {renderBody()}
       </TouchableWithoutFeedback>
     </View>
   );