fix(examples/to-do-app): migrate to new icon package

Author: Gioee

examples/to-do-app/components/TaskRow.js

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect } from "react";
 import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
-import Icon from "react-native-vector-icons/FontAwesome";
+import Icon from "@react-native-vector-icons/fontawesome";
 import { Swipeable } from "react-native-gesture-handler";
 
 export default TaskRow = ({ task, updateTask, handleDelete }) => {

examples/to-do-app/package.json

@@ -30,21 +30,22 @@
   "dependencies": {
     "@op-engineering/op-sqlite": "14.1.4",
     "@react-native-picker/picker": "2.11.1",
+    "@react-native-vector-icons/fontawesome": "^12.4.0",
     "@react-navigation/native": "^7.1.17",
     "@react-navigation/stack": "^7.4.7",
     "expo": "^53.0.22",
     "expo-asset": "^12.0.12",
     "expo-constants": "^18.0.13",
     "expo-crypto": "~14.1.5",
     "expo-status-bar": "~2.2.3",
+    "prop-types": "^15.8.1",
     "react": "19.0.0",
     "react-native": "0.79.6",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-paper": "5.14.5",
     "react-native-picker-select": "^9.3.1",
     "react-native-safe-area-context": "5.4.0",
-    "react-native-screens": "~4.11.1",
-    "react-native-vector-icons": "^10.3.0"
+    "react-native-screens": "~4.11.1"
   },
   "devDependencies": {
     "@babel/core": "7.28.3",

examples/to-do-app/screens/Home.js

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { View, Text, StyleSheet, FlatList, Alert } from "react-native";
 import { Button } from "react-native-paper";
-import Icon from "react-native-vector-icons/FontAwesome";
+import Icon from "@react-native-vector-icons/fontawesome";
 import TaskRow from "../components/TaskRow";
 import AddTaskModal from "../components/AddTaskModal";
 import useTasks from "../hooks/useTasks"