refactor(ui): modernize components with flat design and UX refinements

- Redesign chat screen header with improved layout and panel styling
- Update emoji panel tab bar from emoji to icon-based navigation
- Simplify trade detail view with inline content attributes
- Add masonry layout support to market view grid
- Refactor privacy settings from card-based to list-based dropdown UI
- Improve comment item actions layout and styling
- Update trade creation flow with buy/sell specific text
- Adjust padding, gaps, and font sizes across multiple components
- Clean up unused code and imports

src/screens/home/HomeScreen.tsx

@@ -130,19 +130,19 @@ function createHomeStyles(colors: AppColors, responsivePadding: number) {
       flexDirection: 'row',
       alignItems: 'center',
       paddingHorizontal: spacing.md,
-      paddingVertical: spacing.xs,
+      paddingVertical: spacing.sm,
     },
     sortBarCapsuleScroll: {
       flex: 1,
-      marginHorizontal: spacing.xs,
     },
     sortBarCapsuleContent: {
-      gap: spacing.xs,
+      gap: spacing.sm,
       alignItems: 'center',
+      paddingVertical: spacing.xs,
     },
     capsuleItem: {
       paddingHorizontal: spacing.md,
-      paddingVertical: spacing.xs,
+      paddingVertical: spacing.sm,
       borderRadius: 999,
     },
     capsuleText: {
@@ -156,8 +156,8 @@ function createHomeStyles(colors: AppColors, responsivePadding: number) {
     sortTrigger: {
       flexDirection: 'row',
       alignItems: 'center',
-      paddingVertical: 4,
-      paddingHorizontal: 2,
+      paddingVertical: spacing.sm,
+      paddingHorizontal: spacing.xs,
     },
     sortTriggerText: {
       fontSize: 13,
@@ -986,10 +986,7 @@ export const HomeScreen: React.FC = () => {
             renderItem={({ item }: { item: { key: string; label: string } }) => (
               <TouchableOpacity
                 activeOpacity={0.7}
-                style={[
-                  styles.capsuleItem,
-                  marketCategory === item.key && { backgroundColor: `${colors.primary.main}18` },
-                ]}
+                style={styles.capsuleItem}
                 onPress={() => setMarketCategory(item.key as TradeCategory | 'all')}
               >
                 <Text style={[