feat: add media renaming functionality; implement rename feature in MediaViewer and NASAPI

src/screens/SearchScreen.js

@@ -6,6 +6,7 @@ import { useTheme } from '../services/ThemeContext';
 import DatabaseService from '../services/DatabaseService';
 import PhotoGrid from '../components/PhotoGrid';
 import MediaViewer from '../components/MediaViewer';
+import SearchIcon from '../../assets/icons/search.svg';
 
 const SearchScreen = ({ route }) => {
   const userId = route?.params?.userId;
@@ -40,7 +41,7 @@ const SearchScreen = ({ route }) => {
   return (
     <View style={[styles.container, { backgroundColor: theme.background }]}>
       <View style={[styles.searchBar, { backgroundColor: theme.searchBg }]}>
-        <Text style={styles.searchIcon}>🔍</Text>
+        <SearchIcon width={16} height={16} color={theme.textSecondary} />
         <TextInput
           style={[styles.searchInput, { color: theme.text }]}
           placeholder="Search photos and videos"
@@ -66,7 +67,7 @@ const SearchScreen = ({ route }) => {
 
       {!searching && query.length > 0 && results.length === 0 && (
         <View style={styles.emptyContainer}>
-          <Text style={styles.emptyIcon}>🔍</Text>
+          <SearchIcon width={48} height={48} color={theme.textTertiary} />
           <Text style={[styles.emptyTitle, { color: theme.text }]}>No results</Text>
           <Text style={[styles.emptyText, { color: theme.textSecondary }]}>Try different keywords</Text>
         </View>
@@ -74,10 +75,10 @@ const SearchScreen = ({ route }) => {
 
       {query.length === 0 && (
         <View style={styles.emptyContainer}>
-          <Text style={styles.emptyIcon}>🔍</Text>
+          <SearchIcon width={48} height={48} color={theme.textTertiary} />
           <Text style={[styles.emptyTitle, { color: theme.text }]}>Search your photos</Text>
           <Text style={[styles.emptyText, { color: theme.textSecondary }]}>
-            Search by filename and indexed metadata (bag-of-words style matching)
+            Search by filename and indexed metadata
           </Text>
         </View>
       )}
@@ -106,12 +107,10 @@ const styles = StyleSheet.create({
     marginTop: 48, marginBottom: 8, borderRadius: 24,
     paddingHorizontal: 14, paddingVertical: 10, gap: 8,
   },
-  searchIcon: { fontSize: 16 },
   searchInput: { flex: 1, fontSize: 15, padding: 0 },
   clearButton: { fontSize: 16, padding: 4 },
   loadingContainer: { padding: 20, alignItems: 'center' },
   emptyContainer: { flex: 1, justifyContent: 'center', alignItems: 'center', paddingHorizontal: 24 },
-  emptyIcon: { fontSize: 48, marginBottom: 12 },
   emptyTitle: { fontSize: 18, fontWeight: '600', marginBottom: 6 },
   emptyText: { fontSize: 13, textAlign: 'center' },
   resultCount: { paddingHorizontal: 16, paddingVertical: 8, fontSize: 13 },