Fix TypeScript compilation errors and null safety issues

app/customers/index.tsx

@@ -1,4 +1,6 @@
 import { useCustomers } from '@/src/hooks/useCustomers';
+import { UserIcon } from '@hugeicons/core-free-icons';
+import { HugeiconsIcon } from '@hugeicons/react-native';
 import { Stack, useRouter } from 'expo-router';
 import React, { useMemo, useState } from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';

app/financials/add.tsx

@@ -1,4 +1,6 @@
 import { useExpenses } from '@/src/hooks/useExpenses';
+import { Camera01Icon, Delete02Icon, Image01Icon } from '@hugeicons/core-free-icons';
+import { HugeiconsIcon } from '@hugeicons/react-native';
 import * as ImagePicker from 'expo-image-picker';
 import { Stack, useRouter } from 'expo-router';
 import React, { useState } from 'react';

app/sales/[id].tsx

@@ -286,11 +286,12 @@ export default function OrderDetailsScreen() {
                                 key={p.id}
                                 title={`$${p.amount.toFixed(2)}`}
                                 titleStyle={{ fontWeight: 'bold' }}
-                                description={`${p.paymentMethod.replace('_', ' ')} | ${new Date(p.date || '').toLocaleDateString()}`}
+                                description={`${(p.paymentMethod || 'cash').replace('_', ' ')} | ${new Date(p.date || '').toLocaleDateString()}`}
                                 left={(props) => {
                                     let icon = Wallet01Icon;
-                                    if (p.paymentMethod === 'bank_transfer') icon = Invoice01Icon;
-                                    if (p.paymentMethod === 'card') icon = CreditCardIcon;
+                                    const method = p.paymentMethod || 'cash';
+                                    if (method === 'bank_transfer') icon = Invoice01Icon;
+                                    if (method === 'card') icon = CreditCardIcon;
                                     return <List.Icon {...props} icon={() => <HugeiconsIcon icon={icon} size={24} color={theme.colors.primary} />} />;
                                 }}
                                 style={{ paddingHorizontal: 0 }}

components/ExternalLink.tsx

@@ -10,7 +10,6 @@ export function ExternalLink(
     <Link
       target="_blank"
       {...props}
-      // @ts-expect-error: External URLs are not typed.
       href={props.href}
       onPress={(e) => {
         if (Platform.OS !== 'web') {

src/components/BarcodeScannerModal.tsx

@@ -111,7 +111,6 @@ const styles = StyleSheet.create({
         alignSelf: 'center',
         paddingHorizontal: 20,
         borderRadius: 20,
-        backdropFilter: 'blur(10px)',
     },
     overlay: {
         flex: 1,