offline switch for testing and added background caching tiles for zoom levels 2 - 5

src/screens/InAppScreens/ProfileScreen/index.tsx

@@ -139,7 +139,7 @@ const PersonalInfo: FC<PersonalInfoProps> = ({ data }) => {
   return (
     <View style={{ marginTop: 20, gap: 20 }}>
       <InfoItem inline={true} title={'RANKING'}>
-        {data?.scores?.map((data) => {
+        {data.scores?.map((data) => {
           if (!data.score) return null;
           return (
             <View
@@ -152,7 +152,7 @@ const PersonalInfo: FC<PersonalInfoProps> = ({ data }) => {
         })}
       </InfoItem>
       <InfoItem inline={true} title={'SERIES BADGES'}>
-        {data?.series?.map((data) => (
+        {data.series.map((data) => (
           <View style={{ display: 'flex', flexDirection: 'column', gap: 5, alignItems: 'center' }}>
             <Image source={{ uri: API_HOST + data.icon_png }} style={{ width: 28, height: 28 }} />
             <Text style={[styles.headerText, { flex: 0 }]}>{data.score}</Text>
@@ -177,14 +177,14 @@ const PersonalInfo: FC<PersonalInfoProps> = ({ data }) => {
         <Text style={[styles.titleText, { flex: 0 }]}>{data.bio}</Text>
       </InfoItem>
       <InfoItem title={'SOCIAL LINKS'}>
-        {/* <View style={{ display: 'flex', flexDirection: 'row', gap: 15, alignItems: 'center' }}>
+        <View style={{ display: 'flex', flexDirection: 'row', gap: 15, alignItems: 'center' }}>
           {data.links.f?.link ? <IconFacebook fill={Colors.DARK_BLUE} /> : null}
           {data.links.i?.link ? <IconInstagram fill={Colors.DARK_BLUE} /> : null}
           {data.links.t?.link ? <IconTwitter fill={Colors.DARK_BLUE} /> : null}
           {data.links.y?.link ? <IconYouTube fill={Colors.DARK_BLUE} /> : null}
           {data.links.www?.link ? <IconGlobe fill={Colors.DARK_BLUE} /> : null}
           {data.links.other?.link ? <IconLink fill={Colors.DARK_BLUE} /> : null}
-        </View> */}
+        </View>
       </InfoItem>
     </View>
   );