chore: move cssInterop function to ui folder

Author: ElenaBitire

src/app/_layout.tsx

@@ -16,9 +16,6 @@ export { ErrorBoundary } from 'expo-router';
 // Import  global CSS file
 import '../../global.css';
 
-import { cssInterop } from 'nativewind';
-import Svg from 'react-native-svg';
-
 export const unstable_settings = {
   initialRouteName: '(app)',
 };
@@ -28,13 +25,6 @@ loadSelectedTheme();
 // Prevent the splash screen from auto-hiding before asset loading is complete.
 SplashScreen.preventAutoHideAsync();
 
-//Apply cssInterop to Svg to resolve className string into style
-cssInterop(Svg, {
-  className: {
-    target: 'style',
-  },
-});
-
 export default function RootLayout() {
   const navigationRef = useNavigationContainerRef();
   useReactNavigationDevTools(navigationRef);

src/ui/index.tsx

@@ -1,3 +1,6 @@
+import { cssInterop } from 'nativewind';
+import Svg from 'react-native-svg';
+
 export * from './button';
 export * from './checkbox';
 export { default as colors } from './colors';
@@ -20,3 +23,10 @@ export {
   View,
 } from 'react-native';
 export { SafeAreaView } from 'react-native-safe-area-context';
+
+//Apply cssInterop to Svg to resolve className string into style
+cssInterop(Svg, {
+  className: {
+    target: 'style',
+  },
+});