fixxed color selector in the category settings and fixxed drag and drop

subtask

carry-your-live/app/(tabs)/index.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
-import { View, Text, StyleSheet, SafeAreaView } from 'react-native';
+import React, { useCallback } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, BackHandler, KeyboardAvoidingView } from 'react-native';
+import { useFocusEffect } from 'expo-router';
 import { Header } from '@/components/Header';
 import { CategoryFilter } from '@/components/CategoryFilter';
 import { TaskList } from '@/components/TaskList';
@@ -12,6 +13,13 @@ export default function TasksScreen() {
   const { theme } = useSettings();
   const [selectedCategory, setSelectedCategory] = React.useState<string>('all');
 
+  useFocusEffect(
+    useCallback(() => {
+      const sub = BackHandler.addEventListener('hardwareBackPress', () => true);
+      return () => sub.remove();
+    }, [])
+  );
+
   if (!isReady) {
     return (
       <View style={[styles.container, { backgroundColor: theme.background }]}>
@@ -22,12 +30,17 @@ export default function TasksScreen() {
 
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: theme.background }]}>
-      <Header title="TODO" showLogo={false} />
+      <Header title="ToDo" showLogo={false} />
       <View style={styles.categoryFilterWrapper}>
         <CategoryFilter selected={selectedCategory} onSelect={setSelectedCategory} />
       </View>
-      <TaskList categoryId={selectedCategory} />
-      <QuickAddBar />
+      <KeyboardAvoidingView
+        style={styles.kbAvoid}
+        behavior="padding"
+      >
+        <TaskList categoryId={selectedCategory} />
+        <QuickAddBar />
+      </KeyboardAvoidingView>
     </SafeAreaView>
   );
 }
@@ -37,11 +50,14 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   categoryFilterWrapper: {
-    height: 36,
+    justifyContent: 'center',
+  },
+  kbAvoid: {
+    flex: 1,
   },
   loadingContainer: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
   },
-});
+});