correct linter errors

src/component/session-card/session-card-footer.tsx

@@ -13,14 +13,12 @@ const SessionCardFooter = ({ sessionName, lastPlayed }) => {
 const styles = StyleSheet.create({
 	sessionName: {
 		fontSize: 18,
-		fontWeight: "medium",
 		paddingTop: 5,
 		marginLeft: 16,
 		marginRight: 16,
 	},
 	sessionDatetime: {
 		fontSize: 10,
-		fontWeight: "normal",
 		color: "#A3A3A3",
 		marginLeft: 16,
 		marginRight: 16,

src/component/session-card/session-card-stat.tsx

@@ -16,13 +16,12 @@ const SessionCardStat = ({ aggregateStat, displayName, numberFormat }) => {
 const styles = StyleSheet.create({
 	statItem: {
 		fontSize: 10,
-		alignItems: "center",
+		textAlign: "center",
-		fontWeight: "light",
 		color: "#666",
 	},
 	statValue: {
 		fontSize: 22,
-		fontWeight: "bold",
+		fontWeight: "400",
 	},
 });
 

src/screens/session-stack/session-feed.tsx

@@ -1,8 +1,23 @@
+import { StackNavigationProp } from "@react-navigation/stack";
 import React from "react";
 import { StyleSheet, TouchableOpacity, View } from "react-native";
 import sampleSessionImage from "../../assets/sample_session.png";
 import SessionCard from "../../component/session-card/session-card";
 
+// Define the types for your navigation stack
+type SessionStackParamList = {
+	Session: undefined; // Add other screens as needed
+};
+
+type SessionFeedNavigationProp = StackNavigationProp<
+	SessionStackParamList,
+	"Session"
+>;
+
+// Define the props for SessionFeed component
+interface SessionFeedProps {
+	navigation: SessionFeedNavigationProp;
+}
 const SessionFeed: React.FC = ({ navigation }) => {
 	return (
 		<View style={styles.container}>