chore: remove irrelevant comment

Author: e-younan

example/src/screens/usage/TwitterProfile.tsx

@@ -256,7 +256,6 @@ const LargeHeaderComponent: React.FC<ScrollLargeHeaderProps> = () => {
   return (
     <LargeHeader
       headerStyle={[
-        // mt 36 due to computations from header
         styles.largeHeaderStyle,
         {
           paddingLeft: Math.max(left, ROOT_HORIZONTAL_PADDING),

example/src/screens/usage/TwitterProfileStarter.tsx

@@ -70,19 +70,95 @@ const HeaderComponent: React.FC<ScrollHeaderProps> = ({ showNavBar }) => {
   );
 };
 
-const LargeHeaderComponent = ({ scrollY }) => (
-  <LargeHeader>
-    <ScalingView scrollY={scrollY}>
-      <Text style={{ color: 'white', fontSize: 14 }}>Welcome</Text>
-      <Text style={{ color: 'white', fontSize: 32, fontWeight: 'bold' }}>
-        Twitter Profile Starter
-      </Text>
-      <Text style={{ fontSize: 12, fontWeight: 'normal', color: '#8E8E93' }}>
-        Let's begin building the Twitter profile header!
+const LargeHeaderComponent: React.FC<ScrollLargeHeaderProps> = () => {
+  const { left, right } = useSafeAreaInsets();
+
+  const onPressLink = useCallback(async () => {
+    try {
+      const supported = await Linking.canOpenURL('https://codeherence.com');
+
+      if (supported) {
+        await Linking.openURL('https://codeherence.com');
+      }
+    } catch (error) {
+      console.error(error);
+    }
+  }, []);
+
+  return (
+    <LargeHeader headerStyle={[styles.largeHeaderStyle]}>
+      <View style={styles.profileHandleContainer}>
+        <View style={styles.profileHeaderRow}>
+          <Text style={styles.title}>Evan Younan</Text>
+          <TwitterVerifiedSvg height={18} width={18} />
+        </View>
+
+        <Text style={styles.disabledText}>@e_younan</Text>
+      </View>
+
+      <Text style={styles.text}>
+        Founder of <Text style={styles.primaryText}>@codeherence</Text> • Helping companies develop
+        and enhance their React Native apps
       </Text>
-    </ScalingView>
-  </LargeHeader>
-);
+
+      <View style={styles.dataRow}>
+        <Feather name="calendar" color={DISABLED_COLOR} size={12} />
+        <Text style={styles.disabledText}>Joined March 2023</Text>
+      </View>
+
+      <View style={styles.locationAndWebContainer}>
+        <View style={styles.dataRow}>
+          <Feather name="map-pin" color={DISABLED_COLOR} size={12} />
+          <Text style={styles.disabledText}>Toronto, Ontario</Text>
+        </View>
+
+        <View style={styles.dataRow}>
+          <Feather name="link" color={DISABLED_COLOR} size={12} />
+          <Text onPress={onPressLink} style={styles.primaryText}>
+            codeherence.com
+          </Text>
+        </View>
+      </View>
+
+      <View style={styles.statsContainer}>
+        <TouchableOpacity style={styles.dataRow}>
+          <Text style={styles.mediumText}>186</Text>
+          <Text style={styles.disabledText}>Following</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity style={styles.dataRow}>
+          <Text style={styles.mediumText}>132.8M</Text>
+          <Text style={styles.disabledText}>Followers</Text>
+        </TouchableOpacity>
+      </View>
+
+      <View style={styles.whoFollowsThemContainer}>
+        <View style={styles.followerPreviewContainer}>
+          {[4, 5, 2].map((num, index) => {
+            return (
+              <Avatar
+                key={`avatar-${num}`}
+                size="sm"
+                source={{ uri: `https://i.pravatar.cc/128?img=${num}` }}
+                style={{
+                  top: 0,
+                  zIndex: 3 - index,
+                  position: index !== 0 ? 'absolute' : undefined,
+                  left: (AVATAR_SIZE_MAP.sm / 1.5) * index,
+                  borderWidth: 1,
+                }}
+              />
+            );
+          })}
+        </View>
+
+        <Text style={[styles.disabledText, styles.followerText]}>
+          Followed by Jane, John Wick, Miley Cyrus, and 23 others
+        </Text>
+      </View>
+    </LargeHeader>
+  );
+};
 
 const SomeComponent: SectionListRenderItem<number, { data: number[] }> = ({ index }) => (
   <View style={styles.children}>
@@ -139,7 +215,7 @@ const styles = StyleSheet.create({
   largeHeaderStyle: {
     flexDirection: 'column',
     gap: 12,
-    marginTop: AVATAR_SIZE_VALUE / 2 + VERTICAL_SPACING + BANNER_BOTTOM_HEIGHT_ADDITION,
+    // marginTop: AVATAR_SIZE_VALUE / 2 + VERTICAL_SPACING + BANNER_BOTTOM_HEIGHT_ADDITION,
   },
   backButtonContainer: {
     backgroundColor: 'rgba(0, 0, 0, 0.6)',