fix: remove unused plugins

.eslintrc.js

@@ -27,7 +27,12 @@ module.exports = {
     'react/destructuring-assignment': 'off', // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
     'react/require-default-props': 'off', // Allow non-defined react props as undefined
     '@typescript-eslint/comma-dangle': 'off', // Avoid conflict rule between Eslint and Prettier
-    '@typescript-eslint/consistent-type-imports': 'error', // Ensure `import type` is used when it's necessary
+    '@typescript-eslint/consistent-type-imports': ['warn', {
+        prefer: 'type-imports',
+        fixStyle: 'inline-type-imports',
+        disallowTypeAnnotations: true,
+      },
+    ], // Ensure `import type` is used when it's necessary
     'import/prefer-default-export': 'off', // Named export is easier to refactor automatically
     'tailwindcss/classnames-order': [
       'warn',

package.json

@@ -85,7 +85,6 @@
     "@babel/core": "^7.24.5",
     "@commitlint/cli": "^17.8.1",
     "@commitlint/config-conventional": "^17.8.1",
-    "@dev-plugins/react-navigation": "^0.0.6",
     "@dev-plugins/react-query": "^0.0.6",
     "@expo/config": "~9.0.2",
     "@testing-library/jest-dom": "^5.17.0",
@@ -119,7 +118,6 @@
     "metro-babel-register": "^0.73.10",
     "np": "^7.7.0",
     "prettier": "^3.3.3",
-    "react-test-renderer": "^18.3.1",
     "tailwindcss": "3.3.2",
     "ts-jest": "^29.1.2",
     "typescript": "^5.3.3"

src/app/_layout.tsx

@@ -1,10 +1,9 @@
 // Import  global CSS file
 import '../../global.css';
 
-import { useReactNavigationDevTools } from '@dev-plugins/react-navigation';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { ThemeProvider } from '@react-navigation/native';
-import { SplashScreen, Stack, useNavigationContainerRef } from 'expo-router';
+import { SplashScreen, Stack } from 'expo-router';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import FlashMessage from 'react-native-flash-message';
@@ -27,12 +26,6 @@ loadSelectedTheme();
 SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout() {
-  const navigationRef = useNavigationContainerRef();
-  useReactNavigationDevTools(navigationRef);
-  return <RootLayoutNav />;
-}
-
-function RootLayoutNav() {
   return (
     <Providers>
       <Stack>

src/ui/modal-keyboard-aware-scroll-view.tsx

@@ -18,9 +18,9 @@ import {
   createBottomSheetScrollableComponent,
   SCROLLABLE_TYPE,
 } from '@gorhom/bottom-sheet';
-import type { BottomSheetScrollViewProps } from '@gorhom/bottom-sheet/src/components/bottomSheetScrollable/types';
+import { type BottomSheetScrollViewProps } from '@gorhom/bottom-sheet/src/components/bottomSheetScrollable/types';
 import { memo } from 'react';
-import type { KeyboardAwareScrollViewProps } from 'react-native-keyboard-controller';
+import { type KeyboardAwareScrollViewProps } from 'react-native-keyboard-controller';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-controller';
 import Reanimated from 'react-native-reanimated';