fix(apbdes): improve UI components and styling

- Update Apbdes component with better conditional rendering
- Enhance grafikRealisasi with improved percentage display
- Refine color coding and feedback messages
- Optimize layout and spacing for better UX

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

src/app/darmasaba/_com/main-page/apbdes/lib/grafikRealisasi.tsx

@@ -105,7 +105,13 @@ export default function GrafikRealisasi({ apbdesData }: any) {
         GRAFIK REALISASI APBDes {tahun}
       </Title>
 
-      {/* Summary Total Keseluruhan */}
+      <Stack gap="lg">
+        <Summary title="💰 Pendapatan" data={pendapatan} />
+        <Summary title="💸 Belanja" data={belanja} />
+        <Summary title="📊 Pembiayaan" data={pembiayaan} />
+      </Stack>
+
+       {/* Summary Total Keseluruhan */}
       <Box mb="lg" p="md" bg="gray.0">
         <Group justify="space-between" mb="xs">
           <Text fw={700} fz="lg">TOTAL KESELURUHAN</Text>
@@ -123,12 +129,6 @@ export default function GrafikRealisasi({ apbdesData }: any) {
           color={persenSemua >= 100 ? 'teal' : persenSemua >= 80 ? 'blue' : 'red'}
         />
       </Box>
-
-      <Stack gap="lg">
-        <Summary title="💰 Pendapatan" data={pendapatan} />
-        <Summary title="💸 Belanja" data={belanja} />
-        <Summary title="📊 Pembiayaan" data={pembiayaan} />
-      </Stack>
     </Paper>
   );
 }