add episode download section

apps/expo/src/components/layout/Header.tsx

@@ -1,5 +1,4 @@
 import { Linking } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
 import * as Haptics from "expo-haptics";
 import { FontAwesome6, MaterialIcons } from "@expo/vector-icons";
 import { Circle, View } from "tamagui";
@@ -8,20 +7,13 @@ import { DISCORD_LINK, GITHUB_LINK } from "~/constants/core";
 import { BrandPill } from "../BrandPill";
 
 export function Header() {
-  const insets = useSafeAreaInsets();
-
   return (
-    <View
-      paddingTop={insets.top}
-      alignItems="center"
-      gap="$3"
-      flexDirection="row"
-    >
+    <View alignItems="center" gap="$3" flexDirection="row">
       <BrandPill />
 
       <Circle
         backgroundColor="$pillBackground"
-        size="$4.5"
+        size="$3.5"
         pressStyle={{
           opacity: 1,
           scale: 1.05,
@@ -33,11 +25,11 @@ export function Header() {
           Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
         }
       >
-        <MaterialIcons name="discord" size={32} color="white" />
+        <MaterialIcons name="discord" size={28} color="white" />
       </Circle>
       <Circle
         backgroundColor="$pillBackground"
-        size="$4.5"
+        size="$3.5"
         pressStyle={{
           opacity: 1,
           scale: 1.05,
@@ -49,7 +41,7 @@ export function Header() {
           Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy)
         }
       >
-        <FontAwesome6 name="github" size={32} color="white" />
+        <FontAwesome6 name="github" size={28} color="white" />
       </Circle>
     </View>
   );