upd: role akses

src/frontend/routes/apps.$appId.index.tsx

@@ -2,6 +2,7 @@ import { useQuery } from '@tanstack/react-query'
 import { VillageActivityLineChart, VillageComparisonBarChart } from '@/frontend/components/DashboardCharts'
 import { ErrorDataTable } from '@/frontend/components/ErrorDataTable'
 import { SummaryCard } from '@/frontend/components/SummaryCard'
+import { useSession } from '@/frontend/hooks/useAuth'
 import {
   Badge,
   Button,
@@ -39,6 +40,8 @@ function AppOverviewPage() {
   const navigate = useNavigate()
   const isDesaPlus = appId === 'desa-plus'
   const [versionModalOpened, { open: openVersionModal, close: closeVersionModal }] = useDisclosure(false)
+  const { data: session } = useSession()
+  const isDeveloper = session?.user?.role === 'DEVELOPER'
 
   // Form State
   const [latestVersion, setLatestVersion] = useState('')
@@ -177,7 +180,7 @@ function AppOverviewPage() {
             value={gridLoading ? '...' : (grid?.version?.mobile_latest_version || 'N/A')}
             icon={TbVersions}
             color="brand-blue"
-            onClick={openVersionModal}
+            onClick={isDeveloper ? openVersionModal : undefined}
           >
             <Group justify="space-between" mt="md">
               <Stack gap={0}>
@@ -220,6 +223,7 @@ function AppOverviewPage() {
             icon={TbAlertTriangle}
             color="red"
             isError={true}
+            onClick={() => navigate({ to: `/apps/${appId}/errors` })}
           />
         </SimpleGrid>