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

subtask

carry-your-live/src/components/CategorySelector.tsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Modal, Pressable, KeyboardAvoidingView } from 'react-native';
 import { useCategories } from '@/hooks/useDatabase';
 import { useSettings } from '@/theme';
+import Svg, { Path } from 'react-native-svg';
 
 interface CategorySelectorProps {
   value: string;
@@ -37,7 +38,7 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
         </View>
         </View>
         <Svg width={20} height={20} viewBox="0 0 24 24">
-          <Path d="M9 18l6-6-6-6" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
+          <Path d="M9 18l6-6-6-6" stroke={theme.textSecondary} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
         </Svg>
       </TouchableOpacity>
       {error && <Text style={[styles.errorText, { color: '#E53935' }]}>{error}</Text>}
@@ -72,7 +73,7 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
                   <Text style={[
                     styles.categoryName,
                     { color: theme.textSecondary },
-                    !value && { color: theme.accent, fontWeight: '600' },
+                    !value && { color: theme.accentStrong, fontWeight: '600' },
                   ]}>
                     None
                   </Text>
@@ -100,7 +101,7 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
                     <Text style={[
                       styles.categoryName,
                       { color: theme.textSecondary },
-                      value === category.id && { color: theme.accent, fontWeight: '600' },
+                      value === category.id && { color: theme.accentStrong, fontWeight: '600' },
                     ]}>
                       {category.name}
                     </Text>
@@ -120,8 +121,6 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
   );
 }
 
-import Svg, { Path } from 'react-native-svg';
-
 const styles = StyleSheet.create({
   container: {
     gap: 6,