fix(example-app): ✨ add sharp-cli for bundling images on web

& add screen orientation lock for mobile

Author: Karthik-B-06

example/package.json

@@ -14,6 +14,7 @@
     "@react-navigation/drawer": "^6.5.3",
     "@react-navigation/native": "^6.0.16",
     "expo": "^47.0.0",
+    "expo-screen-orientation": "^5.0.1",
     "expo-splash-screen": "~0.17.5",
     "expo-status-bar": "~1.4.2",
     "react": "18.1.0",
@@ -26,6 +27,7 @@
     "react-native-screens": "~3.18.0",
     "react-native-svg": "13.4.0",
     "react-native-web": "~0.18.9",
+    "sharp-cli": "^4.1.0",
     "twrnc": "3.4.1"
   },
   "devDependencies": {

example/src/App.tsx

@@ -5,11 +5,13 @@ import { SafeAreaProvider } from "react-native-safe-area-context";
 import { AdaptUIProvider, Box } from "@adaptui/react-native-tailwind";
 import { NavigationContainer } from "@react-navigation/native";
 import { useFonts } from "expo-font";
+import * as ScreenOrientation from "expo-screen-orientation";
 import * as SplashScreen from "expo-splash-screen";
 import tailwind from "twrnc";
 
 import AppRoot from "./AppRoot";
 
+ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
 LogBox.ignoreAllLogs();
 
 const AdaptUIApp = () => {