Refactor components by removing unused imports and components.

app/(protected)/activity/[id].tsx

@@ -5,16 +5,15 @@ import { Image } from 'expo-image';
 import ImageView from "react-native-image-viewing";
 import { useLocalSearchParams, useRouter, useFocusEffect } from 'expo-router';
 import { ChevronLeft, ImageIcon, Users, HardHat, MapPin, Calendar as CalendarIcon, Briefcase, TextAlignStart, CheckCircle2, Wrench, Pencil } from 'lucide-react-native';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { Dimensions, RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { StatusBar } from 'expo-status-bar';
 
 export default function ActivityDetailScreen() {
     const router = useRouter();
     const alert = useAlert();
     const params = useLocalSearchParams();
-    const insets = useSafeAreaInsets();
 
     const [activityData, setActivityData] = useState<any>(null);
     const [placeName, setPlaceName] = useState<string>('');

app/(protected)/activity/add.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { View, Text, TouchableOpacity, TextInput, KeyboardAvoidingView, ScrollView, Platform, Dimensions, ActivityIndicator, Modal } from 'react-native';
+import { View, Text, TouchableOpacity, TextInput, Dimensions, ActivityIndicator, Modal } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';

app/(protected)/activity/index.tsx

@@ -2,14 +2,13 @@ import { useAlert } from '@/components/AlertComponent';
 import LoadingScreen from '@/components/LoadingScreen';
 import api from '@/utils/api';
 import { Plus, Filter, Newspaper, ShoppingBag } from 'lucide-react-native';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useCallback } from 'react';
 import { RefreshControl, ScrollView, Text, TouchableOpacity, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import FilterModal from '@/components/FilterModal';
 import { Place, ActivityItem } from '@/types/types';
 import { useRouter, useFocusEffect } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
-import { useCallback } from 'react';
 
 export default function JournalScreen() {
     const router = useRouter();