refactor: update type definition for tab icons

Author: lklima

example/src/app/(tabs)/_layout.tsx

@@ -1,11 +1,12 @@
 import FontAwesome from '@expo/vector-icons/FontAwesome';
 import { Tabs } from 'expo-router';
 import { useCallback } from 'react';
+import type { ColorValue } from 'react-native';
 
 export default function TabLayout() {
   const renderBarIcon = useCallback(
     (name: keyof typeof FontAwesome.glyphMap) => {
-      return ({ color }: { color: string }) => (
+      return ({ color }: { color: ColorValue }) => (
         <FontAwesome size={28} name={name} color={color} />
       );
     },