Fix SDGs Desa Barchart sudah responsive, tabel dan bar progress di menu apbdes sudah sesuai dengan data

src/app/darmasaba/_com/ModernNeewsNotification.tsx

@@ -125,7 +125,6 @@ export default function ModernNewsNotification({
               position: "fixed",
               bottom: "24px",
               right: "24px",
-              zIndex: 1000,
             }}
           >
             <ActionIcon
@@ -147,20 +146,20 @@ export default function ModernNewsNotification({
               <IconBell size={28} />
               {hasNewNotifications && news.length > 0 && (
                 <Badge
-                  size="sm"
-                  variant="filled"
-                  color="red"
-                  style={{
-                    position: "absolute",
-                    top: "-5px",
-                    right: "-5px",
-                    minWidth: "22px",
-                    height: "22px",
-                    padding: "0 6px",
-                  }}
-                >
-                  {news.length}
-                </Badge>
+                size="sm"
+                variant="filled"
+                color="red"
+                style={{
+                  position: "absolute",
+                  top: "6px",
+                  right: "6px",
+                  minWidth: "22px",
+                  height: "22px",
+                  padding: "0 6px",
+                }}
+              >
+                {news.length}
+              </Badge>
               )}
             </ActionIcon>
           </Box>
@@ -178,7 +177,6 @@ export default function ModernNewsNotification({
               right: "24px",
               width: "380px",
               maxHeight: "500px",
-              zIndex: 999,
               boxShadow: "0 8px 32px rgba(0,0,0,0.12)",
               borderRadius: "16px",
               overflow: "hidden",
@@ -274,7 +272,6 @@ export default function ModernNewsNotification({
               bottom: "100px",
               right: "24px",
               width: "380px",
-              zIndex: 1001,
               boxShadow: "0 8px 32px rgba(0,0,0,0.15)",
               borderRadius: "12px",
               overflow: "hidden",

src/app/darmasaba/_com/main-page/landing-page/ProfileView.tsx

@@ -1,8 +1,7 @@
-import { Box, Card, Image, Stack, Text, Tooltip } from '@mantine/core';
-import { IconUserCircle } from '@tabler/icons-react';
-import React from 'react';
-import { Prisma } from '@prisma/client';
 import colors from '@/con/colors';
+import { Box, Card, Image, Stack, Text } from '@mantine/core';
+import { Prisma } from '@prisma/client';
+import { IconUserCircle } from '@tabler/icons-react';
 
 interface ProfileViewProps {
   data: Prisma.PejabatDesaGetPayload<{ include: { image: true } }> | null;
@@ -95,7 +94,6 @@ export default function ProfileView({ data }: ProfileViewProps) {
             backgroundColor: 'rgba(255, 255, 255, 0.95)',
           }}
         >
-          <Tooltip label="Jabatan Resmi" withArrow>
             <Text
               fz={{ base: 'xs', sm: 'sm' }}
               c="dimmed"
@@ -103,7 +101,6 @@ export default function ProfileView({ data }: ProfileViewProps) {
             >
               {data.position || 'Tidak ada jabatan'}
             </Text>
-          </Tooltip>
           <Text
             c={colors['blue-button']}
             fw={700}