fix: update ESLint configuration and improve type error handling in Jest setup

refactor: clean up imports and reformat component props in Card and Colors components

Author: yjose

eslint.config.mjs

@@ -39,6 +39,7 @@ export default antfu(
       'docs/',
       'cli/',
       'expo-env.d.ts',
+      'migration/*',
     ],
   },
 
@@ -51,7 +52,7 @@ export default antfu(
       'react/no-inline-styles': 'off',
       'react/destructuring-assignment': 'off',
       'react/require-default-props': 'off',
-      'react-refresh/only-export-components': 'off', // Too strict for React Native
+      'react-refresh/only-export-components': 'warn', // Too strict for React Native
       'unicorn/filename-case': [
         'error',
         {

jest-setup.ts

@@ -1,7 +1,10 @@
+/* eslint-disable ts/ban-ts-comment */
+/* eslint-disable no-restricted-globals */
 import '@testing-library/react-native/extend-expect';
 
 // react-hook form setup for testing
-// @ts-ignore
+// @ts-expect-error
 global.window = {};
-// @ts-ignore
+
+// @ts-expect-error
 global.window = global;

src/components/card.tsx

@@ -1,11 +1,9 @@
 import type { Post } from '@/api';
-import { Link } from 'expo-router';
 
+import { Link } from 'expo-router';
 import * as React from 'react';
 import { Image, Pressable, Text, View } from '@/components/ui';
 
-type Props = Post;
-
 const images = [
   'https://images.unsplash.com/photo-1489749798305-4fea3ae63d43?auto=format&fit=crop&w=800&q=80',
   'https://images.unsplash.com/photo-1564507004663-b6dfb3c824d5?auto=format&fit=crop&w=800&q=80',
@@ -14,6 +12,8 @@ const images = [
   'https://images.unsplash.com/photo-1587974928442-77dc3e0dba72?auto=format&fit=crop&w=800&q=80',
 ];
 
+type Props = Post;
+
 export function Card({ title, body, id }: Props) {
   return (
     <Link href={`/feed/${id}`} asChild>

src/components/colors.tsx

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