feat: update models in example apps to use quantized versions by default

Author: barhanc

apps/computer-vision/app/classification/index.tsx

@@ -1,6 +1,9 @@
 import Spinner from '../../components/Spinner';
 import { getImage } from '../../utils';
-import { useClassification, EFFICIENTNET_V2_S } from 'react-native-executorch';
+import {
+  useClassification,
+  EFFICIENTNET_V2_S_QUANTIZED,
+} from 'react-native-executorch';
 import { View, StyleSheet, Image, Text, ScrollView } from 'react-native';
 import { BottomBar } from '../../components/BottomBar';
 import React, { useContext, useEffect, useState } from 'react';
@@ -13,7 +16,7 @@ export default function ClassificationScreen() {
   );
   const [imageUri, setImageUri] = useState('');
 
-  const model = useClassification({ model: EFFICIENTNET_V2_S });
+  const model = useClassification({ model: EFFICIENTNET_V2_S_QUANTIZED });
   const { setGlobalGenerating } = useContext(GeneratingContext);
   useEffect(() => {
     setGlobalGenerating(model.isGenerating);

apps/computer-vision/app/semantic_segmentation/index.tsx

@@ -2,7 +2,7 @@ import Spinner from '../../components/Spinner';
 import { BottomBar } from '../../components/BottomBar';
 import { getImage } from '../../utils';
 import {
-  DEEPLAB_V3_RESNET50,
+  DEEPLAB_V3_MOBILENET_V3_LARGE_QUANTIZED,
   useSemanticSegmentation,
 } from 'react-native-executorch';
 import {
@@ -46,7 +46,7 @@ export default function SemanticSegmentationScreen() {
   const { setGlobalGenerating } = useContext(GeneratingContext);
   const { isReady, isGenerating, downloadProgress, forward } =
     useSemanticSegmentation({
-      model: DEEPLAB_V3_RESNET50,
+      model: DEEPLAB_V3_MOBILENET_V3_LARGE_QUANTIZED,
     });
   const [imageUri, setImageUri] = useState('');
   const [imageSize, setImageSize] = useState({ width: 0, height: 0 });

apps/computer-vision/app/style_transfer/index.tsx

@@ -3,15 +3,15 @@ import { BottomBar } from '../../components/BottomBar';
 import { getImage } from '../../utils';
 import {
   useStyleTransfer,
-  STYLE_TRANSFER_CANDY,
+  STYLE_TRANSFER_CANDY_QUANTIZED,
 } from 'react-native-executorch';
 import { View, StyleSheet, Image } from 'react-native';
 import React, { useContext, useEffect, useState } from 'react';
 import { GeneratingContext } from '../../context';
 import ScreenWrapper from '../../ScreenWrapper';
 
 export default function StyleTransferScreen() {
-  const model = useStyleTransfer({ model: STYLE_TRANSFER_CANDY });
+  const model = useStyleTransfer({ model: STYLE_TRANSFER_CANDY_QUANTIZED });
   const { setGlobalGenerating } = useContext(GeneratingContext);
   useEffect(() => {
     setGlobalGenerating(model.isGenerating);

apps/text-embeddings/app/clip-embeddings/index.tsx

@@ -15,7 +15,7 @@ import {
   useTextEmbeddings,
   useImageEmbeddings,
   CLIP_VIT_BASE_PATCH32_TEXT,
-  CLIP_VIT_BASE_PATCH32_IMAGE,
+  CLIP_VIT_BASE_PATCH32_IMAGE_QUANTIZED,
 } from 'react-native-executorch';
 import { launchImageLibrary } from 'react-native-image-picker';
 import { useIsFocused } from '@react-navigation/native';
@@ -29,7 +29,9 @@ export default function ClipEmbeddingsScreenWrapper() {
 
 function ClipEmbeddingsScreen() {
   const textModel = useTextEmbeddings({ model: CLIP_VIT_BASE_PATCH32_TEXT });
-  const imageModel = useImageEmbeddings({ model: CLIP_VIT_BASE_PATCH32_IMAGE });
+  const imageModel = useImageEmbeddings({
+    model: CLIP_VIT_BASE_PATCH32_IMAGE_QUANTIZED,
+  });
 
   const [inputSentence, setInputSentence] = useState('');
   const [sentencesWithEmbeddings, setSentencesWithEmbeddings] = useState<