[fix] fix comments on PR

apps/mobile/components/TabBar.tsx

@@ -1,19 +0,0 @@
-import { StyleSheet, Text, View } from 'react-native';
-
-export default function TabBar() {
-  return (
-    <View style={styles.wrapper}>
-      <Text>First Tab</Text>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  wrapper: {
-    backgroundColor: '#131322',
-    paddingVertical: 24,
-    paddingHorizontal: 12,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-});

apps/mobile/components/TabBarIcon.tsx

@@ -0,0 +1,21 @@
+import { FontAwesome } from '@expo/vector-icons';
+import Colors from '../constants/Colors';
+
+type Props = {
+  focused?: boolean;
+  color?: string;
+} & React.ComponentProps<typeof FontAwesome>;
+
+export default function TabBarIcon({
+  color = Colors.dark.shade300,
+  focused,
+  ...rest
+}: Props) {
+  return (
+    <FontAwesome
+      color={color || (focused ? Colors.dark.purple300 : Colors.dark.shade300)}
+      size={24}
+      {...rest}
+    />
+  );
+}

apps/mobile/components/item/item.tsx

@@ -2,6 +2,7 @@ import { globalStyles } from '../../styles/global';
 import { Image, Text, View } from 'react-native';
 import styles from './styles';
 import { BoldText, RegularText } from '../Styled';
+import { TMDB_POSTER_PATH } from '../../constants/General';
 
 export default function Item() {
   return (
@@ -9,7 +10,7 @@ export default function Item() {
       <View style={styles.imageWrapper}>
         <Image
           source={{
-            uri: 'https://image.tmdb.org/t/p/w342//gdIrmf2DdY5mgN6ycVP0XlzKzbE.jpg',
+            uri: `${TMDB_POSTER_PATH}/w342//gdIrmf2DdY5mgN6ycVP0XlzKzbE.jpg`,
             width: 200,
           }}
           style={styles.image}