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>('');