clean up

frontend/src/pages/ExplorePage/ExplorePage.tsx

@@ -149,21 +149,6 @@ export default function ExplorePage() {
     });
   }, [captions, search, srcFilter, catFilter, regionFilter, countryFilter]);
 
-  const toggleStarred = (imageId: string) => {
-    setCaptions(prev => prev.map(c => 
-      c.image_id === imageId ? { ...c, starred: !c.starred } : c
-    ));
-    
-    fetch(`/api/images/${imageId}/caption`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ starred: !captions.find(c => c.image_id === imageId)?.starred })
-    }).catch(() => {
-      setCaptions(prev => prev.map(c => 
-        c.image_id === imageId ? { ...c, starred: !c.starred } : c
-      ));
-    });
-  };
 
   return (
     <PageContainer>

frontend/src/pages/MapDetailsPage/MapDetailPage.tsx

@@ -1,4 +1,4 @@
-import { PageContainer, Container, Button, Spinner, SegmentInput, IconButton, TextInput, SelectInput, MultiSelectInput } from '@ifrc-go/ui';
+import { PageContainer, Container, Button, Spinner, SegmentInput, TextInput, SelectInput, MultiSelectInput } from '@ifrc-go/ui';
 import { useParams, useNavigate } from 'react-router-dom';
 import { useState, useEffect, useMemo } from 'react';
 import { ChevronLeftLineIcon, ChevronRightLineIcon } from '@ifrc-go/icons';
@@ -103,9 +103,8 @@ export default function MapDetailPage() {
         const images = await response.json();
         const currentIndex = images.findIndex((img: any) => img.image_id === currentId);
         
-        // Always show navigation arrows since it's circular
-        setHasPrevious(true);
-        setHasNext(true);
+        setHasPrevious(images.length > 1 && currentIndex > 0);
+        setHasNext(images.length > 1 && currentIndex < images.length - 1);
       }
     } catch (error) {
       console.error('Failed to check navigation availability:', error);