feat: Simplify empty expenses message display in GroupDetailsScreen

Author: Devasy

frontend/screens/GroupDetailsScreen.js

@@ -199,10 +199,7 @@ const GroupDetailsScreen = ({ route, navigation }) => {
         keyExtractor={(item) => item._id}
         ListHeaderComponent={renderHeader}
         ListEmptyComponent={
-          <View>
-            {renderHeader()}
-            <Text>No expenses recorded yet.</Text>
-          </View>
+          <Text style={styles.emptyText}>No expenses recorded yet.</Text>
         }
         contentContainerStyle={{ paddingBottom: 80 }} // To avoid FAB overlap
       />
@@ -308,6 +305,11 @@ const styles = StyleSheet.create({
     fontWeight: "600",
     color: "#333",
   },
+  emptyText: {
+    fontSize: 14,
+    color: "#666",
+    paddingVertical: 8,
+  },
 });
 
 export default GroupDetailsScreen;