Add pack icon system and E2EE removal plan

- Replace emoji icons with Ionicons for professional appearance
- Improve E2EE key recovery with better diagnostics
- Add analytics for pack icon events
- Document E2EE removal plan for future simplification

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

apps/mobile/app/pack/[id].tsx

@@ -16,6 +16,7 @@ import Animated, {
 } from "react-native-reanimated";
 import { GradientBackground, GlassCard } from "../../src/components/ui";
 import { colors, gradients, spacing, radius, typography } from "../../src/theme";
+import { getPackIconName } from "../../src/lib/packIcons";
 import { Question } from "../../src/types";
 
 type TooltipType = 'initiator' | 'coupleType' | null;
@@ -259,7 +260,11 @@ export default function PackDetailsScreen() {
                                 style={StyleSheet.absoluteFill}
                             />
                         )}
-                        <Text style={styles.emoji}>{pack?.icon || "📦"}</Text>
+                        <Ionicons
+                            name={getPackIconName(pack?.icon)}
+                            size={32}
+                            color={pack?.is_premium ? colors.premium.gold : colors.textSecondary}
+                        />
                     </View>
                     {/* Crown for premium */}
                     {pack?.is_premium && (
@@ -575,9 +580,6 @@ const styles = StyleSheet.create({
         shadowRadius: 4,
         elevation: 4,
     },
-    emoji: {
-        fontSize: 36,
-    },
     title: {
         ...typography.largeTitle,
         color: colors.text,