TODO: Bổ sung dữ liệu để test chức năng

src/screens/feedback/style.js

-import { StyleSheet, Text, View } from 'react-native'
-import R from '../../assets/R'
+import {StyleSheet, Text, View} from 'react-native';
+import R from '../../assets/R';
+
 const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor:R.colors.white,
-    },
-    card:{
-        borderRadius:10,
-        padding:5,
-        marginTop:15,
-        marginBottom:15,
-        marginHorizontal:15,
-        alignItems:'center',
-        justifyContent:'center',
+  container: {
+    flex: 1,
+    backgroundColor: R.colors.white,
+  },
+  body: {
+    flex: 1,
+    backgroundColor:R.colors.white
+  },
+  card: {
+    borderRadius: 10,
+    padding: 5,
+    marginTop: 15,
+    marginBottom:5,
+    marginHorizontal: 15,
+    alignItems: 'center',
+    justifyContent: 'center',
+
+    backgroundColor: R.colors.white,
+    shadowColor: R.colors.black,
+    shadowOffset: {width: 0.5, height: 2},
+    shadowOpacity: Platform.OS === 'ios' ? 0.25 : 1,
+    shadowRadius: 5,
+    elevation: Platform.OS === 'ios' ? 1 : 2,
+  },
+  btnCard: {
+    borderRadius: 10,
+    borderWidth: 1,
+    padding: 5,
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderColor: R.colors.grayBorderInputTextHeader,
+  },
+  text: {
+    fontSize: R.sizes.sm,
+    color: R.colors.black,
+    fontFamily: R.fonts.fontRegular,
+    fontWeight: '400',
+  },
+  containerCard: {
+    padding: 10,
+    borderRadius: 10,
+    marginVertical:10,
+    backgroundColor: R.colors.white,
+    shadowColor: R.colors.black,
+    shadowOffset: {width: 0, height: 2},
+    shadowOpacity: Platform.OS === 'ios' ? 0.25 : 1,
+    shadowRadius: 1,
+    elevation: Platform.OS === 'ios' ? 1 : 2,
+    marginHorizontal: 15,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  containerText: {
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  btnRight: {},
+});
 
-        backgroundColor:R.colors.white,
-        shadowColor:R.colors.black,
-        shadowOffset:{width:0.5,height:2},
-        shadowOpacity:Platform.OS === 'ios' ? 0.25 : 1,
-        shadowRadius:5,
-        elevation:Platform.OS === 'ios' ?  1 : 2,
-    },
-    btnCard:{
-        borderRadius:10,
-        borderWidth:1,
-        padding:5,
-        width:'100%',
-        alignItems:'center',
-        justifyContent:'center',
-        borderColor:R.colors.grayBorderInputTextHeader,
-    },
-    body:{
-        flex:1,
-        backgroundColor:R.colors.white
-    },
-    text:{
-        fontSize:R.sizes.sm,
-        color:R.colors.black,
-        fontFamily:R.fonts.fontRegular,
-        fontWeight:'400',
-    },
-    containerCard:{
-        padding:10,
-        borderRadius:10,
-        marginBottom:15,
-        backgroundColor:R.colors.white,
-        shadowColor:R.colors.black,
-        shadowOffset:{width:0,height:2},
-        shadowOpacity:Platform.OS === 'ios' ? 0.25 : 1,
-        shadowRadius:1,
-        elevation:Platform.OS === 'ios' ?  1 : 2,
-        marginHorizontal:15,
-        flexDirection:'row',
-        alignItems:'center',
-        justifyContent:'space-between',
-    },
-    containerText:{
-        alignItems:'center',
-     justifyContent:'center',
-    },
-    btnRight:{
-    }
-})
-export default styles;
+export default styles;
\ No newline at end of file

src/screens/list_rest_report/index.js

 import React, {useState} from 'react';
 import ListRestReportView from './view';
 
-const ListRestReport = (props) => {
+const ListRestReport = props => {
   const [dataList, setDataList] = useState([
-    {
-        id:1,
-        classCode:'ATTT2024.1',
-        rest:5,
-        compensate:0,
-        total:25
-    },
-    {
-        id:2,
-        classCode:'ATTT2024.2',
-        rest:5,
-        compensate:0,
-        total:25
-    },
+    {id: 1, classCode: 'ATTT2024.1', rest: 5, compensate: 0, total: 25},
+    {id: 2, classCode: 'ATTT2024.2', rest: 4, compensate: 1, total: 25},
+    {id: 3, classCode: 'ATTT2024.3', rest: 6, compensate: 0, total: 25},
+    {id: 4, classCode: 'ATTT2024.4', rest: 3, compensate: 2, total: 25},
+    {id: 5, classCode: 'ATTT2024.5', rest: 5, compensate: 0, total: 25},
+
+    {id: 6, classCode: 'CNTT2024.1', rest: 2, compensate: 1, total: 25},
+    {id: 7, classCode: 'CNTT2024.2', rest: 4, compensate: 0, total: 25},
+    {id: 8, classCode: 'CNTT2024.3', rest: 5, compensate: 0, total: 25},
+    {id: 9, classCode: 'CNTT2024.4', rest: 3, compensate: 1, total: 25},
+    {id: 10, classCode: 'CNTT2024.5', rest: 6, compensate: 0, total: 25},
+
+    {id: 11, classCode: 'KTPM2024.1', rest: 4, compensate: 1, total: 25},
+    {id: 12, classCode: 'KTPM2024.2', rest: 2, compensate: 2, total: 25},
+    {id: 13, classCode: 'KTPM2024.3', rest: 5, compensate: 0, total: 25},
+    {id: 14, classCode: 'KTPM2024.4', rest: 4, compensate: 0, total: 25},
+    {id: 15, classCode: 'KTPM2024.5', rest: 3, compensate: 1, total: 25},
+
+    {id: 16, classCode: 'HTTT2024.1', rest: 5, compensate: 0, total: 25},
+    {id: 17, classCode: 'HTTT2024.2', rest: 6, compensate: 0, total: 25},
+    {id: 18, classCode: 'HTTT2024.3', rest: 3, compensate: 2, total: 25},
+    {id: 19, classCode: 'HTTT2024.4', rest: 4, compensate: 1, total: 25},
+    {id: 20, classCode: 'HTTT2024.5', rest: 5, compensate: 0, total: 25},
+
+    {id: 21, classCode: 'KHMT2024.1', rest: 4, compensate: 0, total: 25},
+    {id: 22, classCode: 'KHMT2024.2', rest: 5, compensate: 1, total: 25},
+    {id: 23, classCode: 'KHMT2024.3', rest: 6, compensate: 0, total: 25},
+    {id: 24, classCode: 'KHMT2024.4', rest: 3, compensate: 1, total: 25},
+    {id: 25, classCode: 'KHMT2024.5', rest: 5, compensate: 0, total: 25},
+
+    {id: 26, classCode: 'MMT2024.1', rest: 4, compensate: 1, total: 25},
+    {id: 27, classCode: 'MMT2024.2', rest: 2, compensate: 0, total: 25},
+    {id: 28, classCode: 'MMT2024.3', rest: 5, compensate: 0, total: 25},
+    {id: 29, classCode: 'MMT2024.4', rest: 3, compensate: 2, total: 25},
+    {id: 30, classCode: 'MMT2024.5', rest: 6, compensate: 0, total: 25},
   ]);
-  return (
-    <ListRestReportView dataList={dataList}/>
-  );
+  return <ListRestReportView dataList={dataList} />;
 };
 
 export default ListRestReport;

src/screens/list_rest_report/style.js

@@ -14,7 +14,7 @@ const styles = StyleSheet.create({
     borderRadius: 10,
     padding: 5,
     marginTop: 15,
-    marginBottom: 15,
+    marginBottom:5,
     marginHorizontal: 15,
     alignItems: 'center',
     justifyContent: 'center',
@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
   containerCard: {
     padding: 10,
     borderRadius: 10,
-    marginBottom: 15,
+    marginVertical:10,
     backgroundColor: R.colors.white,
     shadowColor: R.colors.black,
     shadowOffset: {width: 0, height: 2},