redesign take 2 complete

fix artefacts from previous dessign

apps/mobile/src/app/(tabs)/profile.tsx

@@ -213,7 +213,10 @@ export default function ProfileScreen() {
       contentContainerStyle={styles.content}
     >
       {/* Header Card */}
-      <MinimalCard variant="elevated" style={styles.profileCard}>
+      <MinimalCard
+        variant="elevated"
+        style={[styles.profileCard, { backgroundColor: colors.primary }]}
+      >
         <View style={styles.avatarContainer}>
           {user?.imageUrl ? (
             <Image source={{ uri: user.imageUrl }} style={styles.avatar} />
@@ -221,29 +224,36 @@ export default function ProfileScreen() {
             <View
               style={[
                 styles.placeholderAvatar,
-                { backgroundColor: colors.primary },
+                {
+                  backgroundColor: colors.white,
+                  borderWidth: 3,
+                  borderColor: colors.white,
+                },
               ]}
             >
-              <Ionicons name="person" size={40} color={colors.white} />
+              <Ionicons name="person" size={40} color={colors.primary} />
             </View>
           )}
         </View>
         <Text
-          style={[typography.h2, { color: colors.textPrimary, marginTop: 16 }]}
+          style={[
+            typography.h1,
+            { color: colors.white, marginTop: 16, fontSize: 28 },
+          ]}
         >
           {user?.fullName || "User"}
         </Text>
         <Text
           style={[
             typography.body,
-            { color: colors.textSecondary, marginTop: 4 },
+            { color: "rgba(255,255,255,0.8)", marginTop: 4 },
           ]}
         >
           {user?.primaryEmailAddress?.emailAddress}
         </Text>
         <Badge
           label="Premium Member"
-          variant="primary"
+          variant="success"
           style={{ marginTop: 12 }}
         />
       </MinimalCard>
@@ -580,8 +590,9 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   content: {
-    padding: 24,
+    padding: 20,
     paddingTop: 60,
+    paddingBottom: 100,
   },
   profileCard: {
     alignItems: "center",