feat(Notification): implement notification preferences management and enhance notification handling

- Introduced a new service for managing notification preferences, including push notifications, sound, and vibration settings.
- Updated the notification handling logic to respect user preferences, ensuring notifications are displayed according to user settings.
- Refactored the App and various screens to integrate the new notification preferences, improving user experience and consistency.
- Enhanced the HomeScreen and NotificationSettingsScreen to load and update notification settings seamlessly.
- Implemented a mechanism to hide the bottom tab bar based on scroll events, improving navigation usability.

src/components/business/PostCard/PostCard.tsx

@@ -346,14 +346,6 @@ const PostCardInner: React.FC<PostCardProps> = (normalizedProps) => {
             {!showGrid && (
               <View style={styles.metaRow}>
                 <PostCardRelativeTime createdAt={post.created_at} style={styles.timeText} />
-                {!!post.channel?.name && (
-                  <View style={styles.channelTag}>
-                    <MaterialCommunityIcons name="tag-outline" size={11} color={colors.primary.main} />
-                    <Text style={styles.channelTagText} numberOfLines={1}>
-                      {post.channel.name}
-                    </Text>
-                  </View>
-                )}
                 {post.is_pinned && (
                   <View style={styles.pinnedTag}>
                     <MaterialCommunityIcons name="pin" size={10} color={colors.warning.main} />
@@ -402,9 +394,19 @@ const PostCardInner: React.FC<PostCardProps> = (normalizedProps) => {
       {renderTopComment()}
 
       <View style={styles.actions}>
-        <View style={styles.viewsWrap}>
-          <MaterialCommunityIcons name="eye-outline" size={16} color={colors.text.hint} />
-          <Text style={styles.viewsText}>{post.views_count || 0}</Text>
+        <View style={styles.actionsLeading}>
+          <View style={styles.viewsWrap}>
+            <MaterialCommunityIcons name="eye-outline" size={16} color={colors.text.hint} />
+            <Text style={styles.viewsText}>{post.views_count || 0}</Text>
+          </View>
+          {!!post.channel?.name && (
+            <View style={[styles.channelTag, styles.channelTagAfterViews]}>
+              <MaterialCommunityIcons name="tag-outline" size={11} color={colors.primary.main} />
+              <Text style={styles.channelTagText} numberOfLines={1}>
+                {post.channel.name}
+              </Text>
+            </View>
+          )}
         </View>
         <View style={styles.actionButtons}>
           <TouchableOpacity style={styles.actionBtn} onPress={handleLike}>
@@ -571,9 +573,22 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
   },
+  actionsLeading: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    minWidth: 0,
+    marginRight: spacing.sm,
+    gap: spacing.sm,
+  },
+  channelTagAfterViews: {
+    maxWidth: 130,
+    flexShrink: 1,
+  },
   viewsWrap: {
     flexDirection: 'row',
     alignItems: 'center',
+    flexShrink: 0,
   },
   viewsText: {
     color: colors.text.hint,