Test Google Insight

Reviewed-on: http://wibugit.wibudev.com/wibu/desa-darmasaba/pulls/25

src/app/admin/(dashboard)/auth/validasi-admin/page.tsx

@@ -31,7 +31,7 @@ export default function Validasi() {
   useEffect(() => {
     const checkFlow = async () => {
       try {
-        const res = await fetch('/api/get-flow', {
+        const res = await fetch('/api/auth/get-flow', {
           credentials: 'include'
         });
         const data = await res.json();
@@ -60,7 +60,7 @@ export default function Validasi() {
     setKodeId(storedKodeId);
     const loadOtpData = async () => {
       try {
-        const res = await fetch(`/api/otp-data?kodeId=${encodeURIComponent(storedKodeId)}`);
+        const res = await fetch(`/api/auth/otp-data?kodeId=${encodeURIComponent(storedKodeId)}`);
         const result = await res.json();
 
         if (res.ok && result.data?.nomor) {
@@ -124,6 +124,7 @@ export default function Validasi() {
       return;
     }
 
+    // ✅ Finalize registration
     const finalizeRes = await fetch('/api/auth/finalize-registration', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -148,7 +149,7 @@ export default function Validasi() {
   };
 
   const handleLoginVerification = async () => {
-    const loginRes = await fetch('/api/verify-otp-login', {
+    const loginRes = await fetch('/api/auth/verify-otp-login', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ nomor, otp, kodeId }),
@@ -206,7 +207,7 @@ export default function Validasi() {
 
     // Clear cookie
     try {
-      await fetch('/api/clear-flow', {
+      await fetch('/api/auth/clear-flow', {
         method: 'POST',
         credentials: 'include'
       });
@@ -218,7 +219,7 @@ export default function Validasi() {
   const handleResend = async () => {
     if (!nomor) return;
     try {
-      const res = await fetch('/api/resend', {
+      const res = await fetch('/api/auth/resend', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ nomor }),

src/app/admin/(dashboard)/user&role/_com/getMenuIdByRole.ts

@@ -0,0 +1,25 @@
+// src/app/admin/_com/getMenuIdsByRoleId.ts
+import { navBar, role1, role2, role3 } from '@/app/admin/_com/list_PageAdmin';
+
+/**
+ * Mengembalikan daftar ID menu (string[]) berdasarkan roleId
+ */
+export function getMenuIdsByRoleId(roleId: string | number): string[] {
+  const id = typeof roleId === 'string' ? parseInt(roleId, 10) : roleId;
+
+  switch (id) {
+    case 0:
+      // Asumsikan devBar ada dan punya struktur sama
+      return []; // atau sesuaikan jika ada devBar
+    case 1:
+      return navBar.map(section => section.id);
+    case 2:
+      return role1.map(section => section.id);
+    case 3:
+      return role2.map(section => section.id);
+    case 4:
+      return role3.map(section => section.id);
+    default:
+      return [];
+  }
+}

src/app/admin/(dashboard)/user&role/user/page.tsx

@@ -93,6 +93,7 @@ function ListUser({ search }: { search: string }) {
     const success = await stateUser.update.submit({
       id: userId,
       roleId: newRoleId,
+
     });
 
     if (success) {
@@ -136,9 +137,10 @@ function ListUser({ search }: { search: string }) {
     }
   };
 
-  const filteredData = (data || []).filter(
-    (item) => item.roleId !== "0" // asumsikan id role SUPERADMIN = "0"
-  );
+  const filteredData = (data || []).filter((item) => {
+    return item.roleId !== "0" && item.roleId !== "1";
+  });
+
 
   if (loading || !data) {
     return (
@@ -183,7 +185,7 @@ function ListUser({ search }: { search: string }) {
                       <Select
                         placeholder="Pilih role"
                         data={stateRole.findMany.data
-                          .filter(r => r.id !== "0") // ❌ Sembunyikan SUPERADMIN
+                          .filter(r => r.id !== "0" && r.id !== "1") // ❌ Sembunyikan SUPERADMIN dan DEVELOPER
                           .map(r => ({
                             label: r.name,
                             value: r.id,

src/app/admin/layout.tsx

@@ -435,6 +435,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const [desktopOpened, { toggle: toggleDesktop }] = useDisclosure(true);
   const router = useRouter();
   const segments = useSelectedLayoutSegments().map((s) => _.lowerCase(s));
+  
 
   useEffect(() => {
     const fetchUser = async () => {

src/app/api/[[...slugs]]/_lib/user/updt.ts

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { getMenuIdsByRoleId } from "@/app/admin/(dashboard)/user&role/_com/getMenuIdByRole";
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
@@ -23,7 +24,7 @@ export default async function userUpdate(context: Context) {
 
     const currentUser = await prisma.user.findUnique({
       where: { id },
-      select: { roleId: true, isActive: true }
+      select: { roleId: true, isActive: true },
     });
 
     if (!currentUser) {
@@ -31,7 +32,29 @@ export default async function userUpdate(context: Context) {
     }
 
     const isRoleChanged = roleId && currentUser.roleId !== roleId;
-    const isActiveChanged = isActive !== undefined && currentUser.isActive !== isActive;
+    const isActiveChanged =
+      isActive !== undefined && currentUser.isActive !== isActive;
+
+    // ✅ Jika role berubah, reset dan set ulang akses menu
+    if (isRoleChanged && roleId) {
+      // Hapus akses lama
+      await prisma.userMenuAccess.deleteMany({
+        where: { userId: id }
+      });
+
+      // Ambil menu default untuk role baru
+      const menuIds = getMenuIdsByRoleId(roleId);
+
+      if (menuIds.length > 0) {
+        // Buat akses baru
+        await prisma.userMenuAccess.createMany({
+          data: menuIds.map(menuId => ({
+            userId: id,
+            menuId
+          }))
+        });
+      }
+    }
 
     // Update user
     const updatedUser = await prisma.user.update({
@@ -48,10 +71,11 @@ export default async function userUpdate(context: Context) {
         nomor: true,
         isActive: true,
         roleId: true,
-        role: { select: { name: true } }
-      }
+        role: { select: { name: true } },
+      },
     });
 
+    
     // ✅ HAPUS SEMUA SESI USER DI DATABASE
     if (isRoleChanged) {
       await prisma.userSession.deleteMany({ where: { userId: id } });
@@ -62,11 +86,13 @@ export default async function userUpdate(context: Context) {
       roleChanged: isRoleChanged,
       isActiveChanged,
       data: updatedUser,
-      message: isRoleChanged 
+      message: isRoleChanged
         ? `Role ${updatedUser.username} diubah. User akan logout otomatis.`
         : isActiveChanged
-        ? `${updatedUser.username} ${isActive ? 'diaktifkan' : 'dinonaktifkan'}.`
-        : "User berhasil diupdate"
+        ? `${updatedUser.username} ${
+            isActive ? "diaktifkan" : "dinonaktifkan"
+          }.`
+        : "User berhasil diupdate",
     };
   } catch (e: any) {
     console.error("❌ Error update user:", e);
@@ -75,4 +101,4 @@ export default async function userUpdate(context: Context) {
       message: "Gagal mengupdate user: " + (e.message || "Unknown error"),
     };
   }
-}
+}

src/app/api/[auth]/_lib/api_fetch_auth.ts

@@ -1,144 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-// app/api/_lib/api_fetch_auth.ts
-
-// app/api/_lib/api_fetch_auth.ts
-
-export const apiFetchLogin = async ({ nomor }: { nomor: string }) => {
-  if (!nomor || nomor.replace(/\D/g, '').length < 10) {
-    throw new Error('Nomor tidak valid');
-  }
-
-  const cleanPhone = nomor.replace(/\D/g, '');
-
-  const response = await fetch("/api/login", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ nomor: cleanPhone }),
-    credentials: 'include'
-  });
-
-  // Pastikan respons bisa di-parse sebagai JSON
-  let data;
-  try {
-    data = await response.json();
-  } catch (e) {
-    console.error("Non-JSON response from /api/login:", await response.text());
-    throw new Error('Respons server tidak valid');
-  }
-
-  if (!response.ok) {
-    throw new Error(data.message || 'Gagal memproses login');
-  }
-
-  // Validasi minimal respons
-  if (typeof data.success !== 'boolean' || typeof data.isRegistered !== 'boolean') {
-    throw new Error('Respons tidak sesuai format');
-  }
-
-  if (data.success) {
-    if (data.isRegistered && !data.kodeId) {
-      throw new Error('Kode verifikasi tidak ditemukan untuk user terdaftar');
-    }
-    return data; // { success, isRegistered, kodeId? }
-  } else {
-    throw new Error(data.message || 'Login gagal');
-  }
-};
-
-export const apiFetchRegister = async ({
-  username,
-  nomor,
-}: {
-  username: string;
-  nomor: string;
-}) => {
-  const cleanPhone = nomor.replace(/\D/g, '');
-  if (cleanPhone.length < 10) throw new Error('Nomor tidak valid');
-
-  const response = await fetch("/api/register", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ username: username.trim(), nomor: cleanPhone }),
-    credentials: 'include',
-  });
-
-  const data = await response.json();
-  if (!response.ok) throw new Error(data.message || 'Gagal mengirim OTP');
-
-  return data;
-};
-
-export const apiFetchOtpData = async ({ kodeId }: { kodeId: string }) => {
-  if (!kodeId) {
-    throw new Error('Kode ID tidak valid');
-  }
-
-  const response = await fetch("/api/otp-data", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ kodeId }),
-  });
-
-  const data = await response.json();
-
-  if (!response.ok) {
-    throw new Error(data.message || 'Gagal memuat data OTP');
-  }
-
-  return data;
-};
-
-// Ganti endpoint ke verify-otp-login
-export const apiFetchVerifyOtp = async ({ nomor, otp, kodeId }: { nomor: string; otp: string; kodeId: string }) => {
-  const response = await fetch('/api/verify-otp-login', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ nomor, otp, kodeId }),
-  });
-  const data = await response.json();
-  return {
-    success: response.ok,
-    ...data,
-    status: response.status,
-  };
-};
-
-// Di dalam api_fetch_auth.ts
-
-export async function apiFetchUserMenuAccess(userId: string): Promise<{
-  success: boolean;
-  menuIds?: string[];
-  message?: string;
-}> {
-  try {
-    const res = await fetch(`/api/admin/user-menu-access/${userId}`, {
-      method: 'GET',
-      headers: { 'Content-Type': 'application/json' },
-    });
-
-    const data = await res.json();
-    return data;
-  } catch (error) {
-    console.error('API Fetch User Menu Access Error:', error);
-    return { success: false, message: 'Gagal memuat menu akses' };
-  }
-}
-
-export async function apiUpdateUserMenuAccess(
-  userId: string,
-  menuIds: string[]
-): Promise<{ success: boolean; message?: string }> {
-  try {
-    const res = await fetch('/api/admin/user-menu-access', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ userId, menuIds }),
-    });
-
-    const data = await res.json();
-    return data;
-  } catch (error) {
-    console.error('API Update User Menu Access Error:', error);
-    return { success: false, message: 'Gagal menyimpan menu akses' };
-  }
-}

src/app/api/[auth]/finalize-registration/route.ts

@@ -1,149 +0,0 @@
-// src/app/api/auth/finalize-registration/route.ts
-import prisma from "@/lib/prisma";
-import { NextResponse } from "next/server";
-import { sessionCreate } from "../_lib/session_create";
-
-// ✅ Gunakan STRING untuk roleId
-const DEFAULT_MENUS_BY_ROLE: Record<string, string[]> = {
-  "0": [
-    "Landing Page", "PPID", "Desa", "Kesehatan", "Keamanan",
-    "Ekonomi", "Inovasi", "Lingkungan", "Pendidikan", "User & Role"
-  ],
-  "1": [
-    "Landing Page", "PPID", "Desa", "Keamanan",
-    "Ekonomi", "Inovasi", "Lingkungan", "User & Role"
-  ],
-  "2": ["Landing Page", "Desa", "Ekonomi", "Inovasi", "Lingkungan"],
-  "3": ["Kesehatan"],
-  "4": ["Pendidikan"],
-};
-
-export async function POST(req: Request) {
-  try {
-    const { nomor, username, kodeId } = await req.json();
-    const cleanNomor = nomor.replace(/\D/g, "");
-
-    if (!cleanNomor || !username || !kodeId) {
-      return NextResponse.json(
-        { success: false, message: "Data tidak lengkap" },
-        { status: 400 }
-      );
-    }
-
-    // Verify OTP
-    const otpRecord = await prisma.kodeOtp.findUnique({ 
-      where: { id: kodeId },
-      select: { nomor: true, isActive: true }
-    });
-
-    if (!otpRecord?.isActive || otpRecord.nomor !== cleanNomor) {
-      return NextResponse.json(
-        { success: false, message: "OTP tidak valid" },
-        { status: 400 }
-      );
-    }
-
-    // Check duplicate username
-    if (await prisma.user.findFirst({ where: { username } })) {
-      return NextResponse.json(
-        { success: false, message: "Username sudah digunakan" },
-        { status: 409 }
-      );
-    }
-
-    // Check duplicate nomor
-    if (await prisma.user.findUnique({ where: { nomor: cleanNomor } })) {
-      return NextResponse.json(
-        { success: false, message: "Nomor sudah terdaftar" },
-        { status: 409 }
-      );
-    }
-
-    // 🔥 Tentukan roleId sebagai STRING
-    const targetRoleId = "2"; // ✅ Default ADMIN_DESA (roleId "2")
-
-    // Validasi role exists
-    const roleExists = await prisma.role.findUnique({
-      where: { id: targetRoleId },
-      select: { id: true }
-    });
-
-    if (!roleExists) {
-      return NextResponse.json(
-        { success: false, message: "Role tidak valid" },
-        { status: 400 }
-      );
-    }
-
-    // ✅ Create user (inactive, waiting approval)
-    const newUser = await prisma.user.create({
-      data: {
-        username,
-        nomor: cleanNomor,
-        roleId: targetRoleId,
-        isActive: false, // Waiting for admin approval
-      },
-    });
-
-    // ✅ Berikan akses menu default based on role
-    const menuIds = DEFAULT_MENUS_BY_ROLE[targetRoleId] || [];
-    if (menuIds.length > 0) {
-      await prisma.userMenuAccess.createMany({
-        data: menuIds.map(menuId => ({
-          userId: newUser.id,
-          menuId,
-        })),
-        skipDuplicates: true, // ✅ Avoid duplicate errors
-      });
-    }
-
-    // ✅ Mark OTP as used
-    await prisma.kodeOtp.update({
-      where: { id: kodeId },
-      data: { isActive: false },
-    });
-
-    // ✅ Create session token
-    const token = await sessionCreate({
-      sessionKey: process.env.BASE_SESSION_KEY!,
-      jwtSecret: process.env.BASE_TOKEN_KEY!,
-      exp: "30 day",
-      user: {
-        id: newUser.id,
-        nomor: newUser.nomor,
-        username: newUser.username,
-        roleId: newUser.roleId,
-        isActive: false, // User belum aktif
-      },
-      invalidatePrevious: false,
-    });
-
-    // ✅ PENTING: Return JSON response (bukan redirect)
-    const response = NextResponse.json({
-      success: true,
-      message: "Registrasi berhasil. Menunggu persetujuan admin.",
-      userId: newUser.id,
-    });
-
-    // ✅ Set session cookie
-    const cookieName = process.env.BASE_SESSION_KEY || 'session';
-    response.cookies.set(cookieName, token, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      sameSite: 'lax',
-      path: "/",
-      maxAge: 30 * 24 * 60 * 60, // 30 days
-    });
-
-    return response;
-
-  } catch (error) {
-    console.error("❌ Finalize Registration Error:", error);
-    return NextResponse.json(
-      { success: false, message: "Registrasi gagal. Silakan coba lagi." },
-      { status: 500 }
-    );
-  } finally {
-    await prisma.$disconnect();
-  }
-}

src/app/api/[auth]/me/route.ts

@@ -1,59 +0,0 @@
-// src/app/api/auth/me/route.ts
-import { NextResponse } from 'next/server';
-import { verifySession } from '../_lib/session_verify';
-import prisma from '@/lib/prisma';
-
-export async function GET() {
-  try {
-    const sessionUser = await verifySession();
-    if (!sessionUser) {
-      return NextResponse.json(
-        { success: false, message: "Unauthorized", user: null },
-        { status: 401 }
-      );
-    }
-
-    const [dbUser, menuAccess] = await Promise.all([
-      prisma.user.findUnique({
-        where: { id: sessionUser.id },
-        select: {
-          id: true,
-          username: true,
-          nomor: true,
-          roleId: true,   // STRING!
-          isActive: true, // BOOLEAN!
-        },
-      }),
-      prisma.userMenuAccess.findMany({
-        where: { userId: sessionUser.id },
-        select: { menuId: true },
-      }),
-    ]);
-
-    if (!dbUser) {
-      return NextResponse.json(
-        { success: false, message: "User not found", user: null },
-        { status: 404 }
-      );
-    }
-
-    return NextResponse.json({
-      success: true,
-      user: {
-        id: dbUser.id,
-        name: dbUser.username,
-        username: dbUser.username,
-        nomor: dbUser.nomor,
-        roleId: dbUser.roleId,     // STRING!
-        isActive: dbUser.isActive, // BOOLEAN!
-        menuIds: menuAccess.map(m => m.menuId),
-      },
-    });
-  } catch (error) {
-    console.error("❌ Error in /api/me:", error);
-    return NextResponse.json(
-      { success: false, message: "Internal server error", user: null },
-      { status: 500 }
-    );
-  }
-}

src/app/api/auth/finalize-registration/route.ts

@@ -1,8 +1,7 @@
 // src/app/api/auth/finalize-registration/route.ts
 import prisma from "@/lib/prisma";
 import { NextResponse } from "next/server";
-import { sessionCreate } from "../../[auth]/_lib/session_create";
-
+import { sessionCreate } from "../_lib/session_create";
 
 // ✅ Gunakan STRING untuk roleId
 const DEFAULT_MENUS_BY_ROLE: Record<string, string[]> = {

src/app/api/auth/me/route.ts

@@ -12,6 +12,7 @@ export async function GET() {
         { status: 401 }
       );
     }
+    
 
     const [dbUser, menuAccess] = await Promise.all([
       prisma.user.findUnique({

src/app/globals.css

@@ -1,31 +1,105 @@
 /* styles/globals.css */
+
+/* ===================================
+   1. IMPORT CSS LIBRARIES
+   =================================== */
+@import "@mantine/carousel/styles.css";
+@import "@mantine/dropzone/styles.css";
+@import "@mantine/charts/styles.css";
+@import "@mantine/dates/styles.css";
+@import "@mantine/tiptap/styles.css";
+@import "animate.css";
+@import "react-simple-toasts/dist/style.css";
+@import "react-simple-toasts/dist/theme/dark.css";
+@import "primereact/resources/themes/lara-light-blue/theme.css";
+@import "primereact/resources/primereact.min.css";
+@import "primeicons/primeicons.css";
+
+/* ===================================
+   2. FONT FACE - OPTIMIZED
+   =================================== */
 @font-face {
   font-family: 'San Francisco';
   src: url('/assets/fonts/font.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
+  font-display: swap; /* ✅ TAMBAHKAN INI - Penting untuk PageSpeed! */
 }
 
+/* ===================================
+   3. RESET & BASE STYLES
+   =================================== */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
+  -moz-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, 'Segoe UI', 
+               Roboto, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* ===================================
+   4. GLASS EFFECTS - OPTIMIZED
+   =================================== */
 .glass {
   background: rgba(255, 255, 255, 0.2);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
   position: fixed;
   z-index: 50;
   width: 100%;
   height: 100vh;
+  will-change: transform; /* ✅ Hardware acceleration */
 }
 
 .glass2 {
   background: rgba(255, 255, 255, 0.3);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
   position: fixed;
   z-index: 1;
+  will-change: transform; /* ✅ Hardware acceleration */
 }
 
 .glass3 {
   background: rgba(255, 255, 255, 0.3);
-  -webkit-backdrop-filter: blur(40px);
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
+  will-change: transform; /* ✅ Hardware acceleration */
 }
+
+/* ===================================
+   5. PERFORMANCE OPTIMIZATION
+   =================================== */
+img, 
+picture, 
+video, 
+canvas, 
+svg {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+
+/* Reduce motion for accessibility */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

src/app/layout.tsx

@@ -1,20 +1,5 @@
-// Import styles of packages that you've installed.
-// All packages except `@mantine/hooks` require styles imports
-import "@mantine/carousel/styles.css";
 import "@mantine/core/styles.css";
-import '@mantine/dropzone/styles.css';
-import "animate.css";
-import 'react-simple-toasts/dist/style.css';
-import 'react-simple-toasts/dist/theme/dark.css';
-import "./globals.css";
-import '@mantine/charts/styles.css';
-import '@mantine/dates/styles.css';
-import '@mantine/tiptap/styles.css';
-import "primereact/resources/themes/lara-light-blue/theme.css";
-import "primereact/resources/primereact.min.css";
-import "primeicons/primeicons.css";
-
-
+import "./globals.css"; // Sisanya import di globals.css
 
 import LoadDataFirstClient from "@/app/darmasaba/_com/LoadDataFirstClient";
 import {
@@ -23,19 +8,82 @@ import {
   createTheme,
   mantineHtmlProps,
 } from "@mantine/core";
+import { Metadata } from "next";
 import { ViewTransitions } from "next-view-transitions";
 import { ToastContainer } from "react-toastify";
 
-export const metadata = {
-  title: "Desa Darmasaba",
-  description: "Desa Darmasaba Kabupaten Badung",
+export const metadata: Metadata = {
+  title: {
+    default: "Desa Darmasaba",
+    template: "%s | Desa Darmasaba",
+  },
+  description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
+  keywords: [
+    "desa darmasaba",
+    "darmasaba",
+    "badung",
+    "bali",
+    "desa",
+    "pemerintah desa",
+    "layanan publik",
+    "abang batan desa",
+  ],
+  authors: [{ name: "Pemerintah Desa Darmasaba" }],
+  creator: "Desa Darmasaba",
+  publisher: "Desa Darmasaba",
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-video-preview": -1,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+    },
+  },
+  icons: {
+    icon: "/assets/images/darmasaba-icon.png",
+    apple: "/assets/images/darmasaba-icon.png",
+  },
+  manifest: "/manifest.json",
+  openGraph: {
+    type: "website",
+    locale: "id_ID",
+    url: "https://cld-dkr-staging-desa-darmasaba.wibudev.com",
+    siteName: "Desa Darmasaba",
+    title: "Desa Darmasaba - Kabupaten Badung, Bali",
+    description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
+    images: [
+      {
+        url: "/assets/images/darmasaba-icon.png",
+        width: 1200,
+        height: 630,
+        alt: "Desa Darmasaba",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Desa Darmasaba - Kabupaten Badung, Bali",
+    description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali",
+    images: ["/assets/images/darmasaba-icon.png"],
+  },
+  verification: {
+    // google: "your-google-verification-code", // Tambahkan jika sudah punya
+    // yandex: "your-yandex-verification-code",
+    // yahoo: "your-yahoo-verification-code",
+  },
+  category: "government",
+  other: {
+    "msapplication-TileColor": "#ffffff",
+    "theme-color": "#ffffff",
+  },
 };
 
 const theme = createTheme({
-  fontFamily:
-    "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
-  fontFamilyMonospace:
-    "SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
+  fontFamily: "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
+  fontFamilyMonospace: "SFMono-Regular, Menlo, Monaco, Consolas, monospace",
   headings: { fontFamily: "San Francisco, sans-serif" },
 });
 
@@ -46,26 +94,22 @@ export default function RootLayout({
 }) {
   return (
     <ViewTransitions>
-      <html lang="en" {...mantineHtmlProps}>
+      <html lang="id" {...mantineHtmlProps}>
         <head>
           <ColorSchemeScript />
-          <link
-            rel="icon"
-            href="/assets/images/darmasaba-icon.png"
-            sizes="any"
-          />
         </head>
         <body>
           <MantineProvider theme={theme}>
             {children}
-
+            <LoadDataFirstClient />
           </MantineProvider>
-          <ToastContainer position="bottom-center" hideProgressBar style={{
-          zIndex: 9999
-        }} />
+          <ToastContainer 
+            position="bottom-center" 
+            hideProgressBar 
+            style={{ zIndex: 9999 }} 
+          />
         </body>
-        <LoadDataFirstClient />
       </html>
     </ViewTransitions>
   );
-}
+}

src/app/waiting-room/page.tsx

@@ -80,7 +80,7 @@ export default function WaitingRoom() {
 
           // Force a session refresh
           try {
-            const res = await fetch('/api/refresh-session', {
+            const res = await fetch('/api/auth/refresh-session', {
               method: 'POST',
               credentials: 'include'
             });