fix(sonar): wildcard imports should not be used

Author: fernandatoledo

.vscode/project.code-snippets

@@ -25,7 +25,7 @@
   "Component": {
     "prefix": "comp",
     "body": [
-      "import * as React from 'react';",
+      "import React from 'react';",
       "",
       "import { Text, View } from '@/ui';",
       "",

docs/src/content/docs/ui-and-theme/components.mdx

@@ -56,7 +56,7 @@ We also provide an `EmptyList` component that you can use to display a message w
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 import { List, EmptyList, Text } from '@/ui';
 
 const MyComponent = () => {
@@ -85,7 +85,7 @@ The `cssInterop` function from `nativewind` is used to apply styling and, in thi
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 import { Image } from '@/ui';
 
 const MyComponent = () => {
@@ -119,7 +119,7 @@ You can also use the `t` snippet to create a simple Text with a default `classNa
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 import { Text, View } from 'react-native';
 
 const MyComponent = () => {
@@ -183,7 +183,7 @@ Read more about Handling Forms [here](../forms/).
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 import { Input, View } from '@/ui';
 
 const MyComponent = () => {
@@ -214,7 +214,7 @@ Based on your needs, you can use the `Modal` if you don't have a fixed height fo
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 import { Modal, useModal, View, Button, Text } from '@/ui';
 
 const MyComponent = () => {
@@ -256,7 +256,7 @@ Feel free to update the component implementation to fit your need and as you kee
 **Use Case**
 
 ```tsx
-import * as React from 'react';
+import React from 'react';
 
 import type { Option } from '@/ui';
 import { SelectInput, View } from '@/ui';

src/api/common/api-provider.tsx

@@ -1,6 +1,6 @@
 import { useReactQueryDevTools } from '@dev-plugins/react-query';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import * as React from 'react';
+import React from 'react';
 
 export const queryClient = new QueryClient();
 

src/app/(app)/style.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { Buttons } from '@/components/buttons';
 import { Colors } from '@/components/colors';

src/app/feed/[id].tsx

@@ -1,5 +1,5 @@
 import { Stack, useLocalSearchParams } from 'expo-router';
-import * as React from 'react';
+import React from 'react';
 
 import { usePost } from '@/api';
 import { ActivityIndicator, FocusAwareStatusBar, Text, View } from '@/ui';

src/app/feed/add-post.tsx

@@ -1,6 +1,6 @@
 import { zodResolver } from '@hookform/resolvers/zod';
 import { Stack } from 'expo-router';
-import * as React from 'react';
+import React from 'react';
 import { useForm } from 'react-hook-form';
 import { showMessage } from 'react-native-flash-message';
 import { z } from 'zod';

src/components/cover.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable max-lines-per-function */
-import * as React from 'react';
+import React from 'react';
 import type { SvgProps } from 'react-native-svg';
 import Svg, { Circle, Path, Polygon } from 'react-native-svg';
 // TODO: should be updated to simple images

src/components/settings/item.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import type { TxKeyPath } from '@/core';
 import { Pressable, Text, View } from '@/ui';

src/components/settings/language-item.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { useSelectedLanguage } from '@/core';
 import { translate } from '@/core';

src/components/title.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 import { Text, View } from '@/ui';