Fix bottom navigation SafeArea and upgrade to vector icons

[stackedPenguin]

Summary

Fixes bottom navigation overlap on devices with software buttons and upgrades to high-quality vector icons.

Changes

SafeArea Fix

• Implemented useSafeAreaInsets from react-native-safe-area-context to properly handle bottom insets
• Updated bottom tab bar with dynamic padding: paddingBottom: Math.max(insets.bottom, 10)
• Removed fixed height constraints that were causing overlap issues
• Bottom navigation now properly adapts to devices with/without software navigation buttons

Icon Improvements

• Replaced low-quality PNG icons with vector icons from @expo/vector-icons (Ionicons)
• Portfolio: pie-chart-outline icon
• Swap: swap-horizontal-outline icon
• Browser: globe-outline icon
• Icons are now crisp and sharp at all sizes
• Consistent 24px sizing across all tabs
• Proper color states (active: #4A90E2, inactive: #888888)

Rebranding

• Updated package name from com.anonymous.backpackuionly to xyz.x1.wallet
• Changed app name to "X1 Wallet"
• Replaced launcher icons with high-quality branded icons

Android Native Setup

• Added Android native directory to version control (removed from .gitignore)
• Includes all necessary build files, Kotlin source files, and resources
• Package structure updated to xyz.x1.wallet

Test plan

• Build successful on Android
• App launches without crashes
• Bottom navigation displays correctly on emulator
• Icons are crisp and change color on tab selection
• No overlap with software navigation buttons
• App properly branded as "X1 Wallet"

🤖 Generated with Claude Code