Fix Table Admin Preview Desktop

Seeder Menu Kesehatan

src/app/admin/(dashboard)/ppid/indeks-kepuasan-masyarakat/responden/page.tsx

@@ -85,7 +85,7 @@ function ListResponden({ search }: ListRespondenProps) {
     <Box>
       <Stack gap={'lg'}>
         {/* Desktop Table */}
-        <Box visibleFrom="md">
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
           <Paper p="lg" radius="lg" shadow="md" withBorder>
             <Title order={4} size="lg" mb="md" lh={1.2}>
               Daftar Responden

src/app/admin/(dashboard)/ppid/permohonan-informasi-publik/page.tsx

@@ -128,8 +128,10 @@ function Page() {
           ) : (
             <>
               {/* Desktop Table */}
-              <Box visibleFrom="md">
-                <Table highlightOnHover>
+             <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+               <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
                   <TableThead>
                     <TableTr>
                       <TableTh fz="sm" fw={600} ta="center" w={60}>

src/app/admin/(dashboard)/ppid/permohonan-keberatan-informasi-publik/page.tsx

@@ -127,8 +127,10 @@ function Page() {
           ) : (
             <>
               {/* Desktop Table */}
-              <Box visibleFrom="md">
-                <Table highlightOnHover>
+             <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+               <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
                   <TableThead>
                     <TableTr>
                       <TableTh fz="sm" fw={600} lh={1.4} ta="center">

src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx

@@ -117,8 +117,10 @@ function ListPegawaiPPID({ search }: { search: string }) {
         </Group>
 
         {/* Desktop: Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover miw={0}>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false} miw={0}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>

src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx

@@ -79,8 +79,10 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
         </Group>
 
         {/* Desktop Table */}
-        <Box visibleFrom="md">
-          <Table highlightOnHover>
+       <Box visibleFrom="md" style={{ overflowX: 'auto' }}>
+         <Table highlightOnHover
+    layout="fixed" // 🔥 PENTING
+    withColumnBorders={false}>
             <TableThead>
               <TableTr>
                 <TableTh fz="sm" fw={600} lh={1.4}>Nama Posisi</TableTh>