add ios app

app-ios/components/profile/SectionCard.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { AppColors } from '@/constants/theme';
+
+interface SectionCardProps {
+  title: string;
+  children: React.ReactNode;
+}
+
+export function SectionCard({ title, children }: SectionCardProps) {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>{title}</Text>
+      <View style={styles.card}>
+        {children}
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    marginBottom: 20,
+  },
+  title: {
+    fontSize: 12,
+    color: AppColors.slatePurple,
+    textTransform: 'uppercase',
+    letterSpacing: 0.5,
+    paddingHorizontal: 4,
+    marginBottom: 10,
+  },
+  card: {
+    backgroundColor: AppColors.white,
+    borderRadius: 16,
+    overflow: 'hidden',
+    shadowColor: AppColors.deepPurple,
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.04,
+    shadowRadius: 8,
+    elevation: 1,
+  },
+});