Dockerfile

@@ -3,34 +3,32 @@ FROM node:23.5.0-alpine
 ENV PORT 4000
 
 # pnpm install globally
-# RUN npm install -g pnpm
+RUN npm install -g pnpm
 
 # Create app directory
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app
 
 # Installing dependencies
-COPY package*.json ./
+COPY package.json pnpm-lock.yaml ./
 
 # Copy ckeditor5 to workdir
 COPY vendor/ckeditor5 ./vendor/ckeditor5
 
 # Install dependencies
-# RUN pnpm install --frozen-lockfile
+RUN pnpm install --frozen-lockfile
 
 # RUN npm install --force
 # RUN npm install -g npm@latest
-RUN npm install --legacy-peer-deps
+# RUN npm install
 
 # Copying source files
 COPY . .
 
 # Building app
-RUN rm -rf .next
+RUN pnpm run build
-# RUN pnpm run build
-RUN npm run build
 
 EXPOSE 4000
 
 # Running the app
-CMD ["npm", "run", "start"]
+CMD ["pnpm", "run", "start"]

app/(admin)/admin/article/create/page.tsx

@@ -1,6 +1,6 @@
 import CreateArticleForm from "@/components/form/article/create-article-form";
 import FormArticle from "@/components/form/form-article";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function CreateArticle() {
   return (

app/(admin)/admin/article/generate/edit/[id]/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 import EditGeneratedArticleChecker from "@/components/form/article/edit-generated-article-checker-form";
 import EditGeneratedArticleContent from "@/components/form/article/edit-generated-article-content-form";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
-import { Tab, Tabs } from "@heroui/react";
+import { Tab, Tabs } from "@nextui-org/react";
 
 import { useParams } from "next/navigation";
 

app/(admin)/admin/article/generate/page.tsx

@@ -1,5 +1,5 @@
 import GenerateArticleForm from "@/components/form/article/generate-article-form";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function GenerateArticle() {
   return (

app/(admin)/admin/article/page.tsx

@@ -2,7 +2,7 @@
 import { AddIcon } from "@/components/icons";
 import ArticleTable from "@/components/table/article-table";
 import generatedArticleIds from "@/store/generated-article-store";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 

app/(admin)/admin/magazine/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MagazineTable from "@/components/table/magazine/magazine-table";
-import { Button } from "@heroui/react";
+import { Button } from "@nextui-org/react";
 import Link from "next/link";
 
 export default function MagazineTablePage() {

app/(admin)/admin/master-category/page.tsx

@@ -15,7 +15,7 @@ import {
   ModalHeader,
   Textarea,
   useDisclosure,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import * as z from "zod";

app/(admin)/admin/master-role/create/page.tsx

@@ -1,5 +1,5 @@
 import FormMasterUserRole from "@/components/form/form-master-user-role";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function CreateMasterUserRolePage() {
   return (

app/(admin)/admin/master-role/detail/[id]/page.tsx

@@ -1,5 +1,5 @@
 import FormDetailMasterUserRole from "@/components/form/form-detail-master-user-role";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function DetailMasterRolePage() {
   return (

app/(admin)/admin/master-role/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MasterRoleTable from "@/components/table/master-role-table";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import Link from "next/link";
 
 export default function MasterRolePage() {

app/(admin)/admin/master-user/create/page.tsx

@@ -1,5 +1,5 @@
 import FormMasterUser from "@/components/form/form-master-user";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function CreateMasterUserPage() {
   return (

app/(admin)/admin/master-user/edit/[id]/page.tsx

@@ -1,6 +1,6 @@
 import FormMasterUser from "@/components/form/form-master-user";
 import FormMasterUserEdit from "@/components/form/form-master-user-edit";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function CreateMasterUserPage() {
   return (

app/(admin)/admin/master-user/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { AddIcon } from "@/components/icons";
 import MasterUserTable from "@/components/table/master-user-table";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import Link from "next/link";
 
 export default function MasterUserPage() {

app/(admin)/admin/static-page/create/page.tsx

@@ -1,5 +1,5 @@
 import StaticPageBuilder from "@/components/main/static-page/static-page-main";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function StaticPageGenerator() {
   return (

app/(admin)/admin/static-page/edit/[id]/page.tsx

@@ -1,5 +1,5 @@
 import StaticPageBuilderEdit from "@/components/form/static-page/static-page-edit-form";
-import { Card } from "@heroui/react";
+import { Card } from "@nextui-org/react";
 
 export default function StaticPageEdit() {
   return (

app/(admin)/admin/static-page/page.tsx

@@ -1,6 +1,6 @@
 import { AddIcon } from "@/components/icons";
 import StaticPageTable from "@/components/table/static-page-table";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import Link from "next/link";
 
 export default function StaticPageGeneratorList() {

app/(admin)/settings/page.tsx

@@ -3,7 +3,7 @@ import PasswordForm from "@/components/form/settings/password";
 import ProfileForm from "@/components/form/settings/profile";
 import { close, loading } from "@/config/swal";
 import { getProfile } from "@/service/master-user";
-import { Tab, Tabs } from "@heroui/react";
+import { Tab, Tabs } from "@nextui-org/react";
 import { useEffect, useState } from "react";
 
 export default function Settings() {

app/layout.tsx

@@ -1,3 +1,5 @@
+// RootLayout.tsx
+"use client";
 import { fontSans } from "@/config/fonts";
 import { siteConfig } from "@/config/site";
 import { Inter } from "next/font/google";
@@ -8,8 +10,8 @@ import { Metadata } from "next";
 import { Providers } from "./providers";
 import LoadScript from "@/utils/global";
 import { NextIntlClientProvider } from "next-intl";
+import { useEffect, useState, type ReactNode } from "react";
 import storedLanguage from "@/store/language-store";
-import { getMessages } from "next-intl/server";
 const inter = Inter({ subsets: ["latin"] });
 
 // export const metadata: Metadata = {
@@ -29,30 +31,25 @@ const inter = Inter({ subsets: ["latin"] });
 //   },
 // };
 
-export default async function RootLayout({
+export default function RootLayout({ children }: { children: ReactNode }) {
-  children,
+  const [localeNow, setLocaleNow] = useState<string>("id");
-  params: { locale },
-}: Readonly<{
-  children: React.ReactNode;
-  params: { locale: string };
-}>) {
-  const messages = await getMessages();
-  // const locale = storedLanguage((state) => state.locale);
 
-  // useEffect(() => {
+  const locale = storedLanguage((state) => state.locale);
-  //   if (locale) {
-  //     setLocaleNow(locale);
-  //   }
-  // }, [locale]);
 
-  // const [messages, setMessages] = useState<any>(null);
+  useEffect(() => {
-  // useEffect(() => {
+    if (locale) {
-  //   (async () => {
+      setLocaleNow(locale);
-  //     const loadedMessages = (await import(`../messages/${locale}.json`))
+    }
-  //       .default;
+  }, [locale]);
-  //     setMessages(loadedMessages);
+
-  //   })();
+  const [messages, setMessages] = useState<any>(null);
-  // }, [locale]);
+  useEffect(() => {
+    (async () => {
+      const loadedMessages = (await import(`../messages/${locale}.json`))
+        .default;
+      setMessages(loadedMessages);
+    })();
+  }, [locale]);
   return (
     <html lang="en" suppressHydrationWarning className="scroll-smooth">
       <head>
@@ -71,7 +68,7 @@ export default async function RootLayout({
       <body
         className={clsx("bg-background font-sans antialiased", inter.className)}
       >
-        <NextIntlClientProvider locale={locale} messages={messages}>
+        <NextIntlClientProvider locale={localeNow} messages={messages}>
           <Providers themeProps={{ attribute: "class", defaultTheme: "dark" }}>
             <main className="">{children}</main>
           </Providers>

app/providers.tsx

@@ -1,6 +1,6 @@
 "use client";
 import * as React from "react";
-import { HeroUIProvider } from "@heroui/system";
+import { NextUIProvider } from "@nextui-org/system";
 import { useRouter } from 'next/navigation'
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { ThemeProviderProps } from "next-themes/dist/types";
@@ -14,8 +14,8 @@ export function Providers({ children, themeProps }: ProvidersProps) {
 	const router = useRouter();
 
 	return (
-		<HeroUIProvider navigate={router.push}>
+		<NextUIProvider navigate={router.push}>
 			<NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
-		</HeroUIProvider>
+		</NextUIProvider>
 	);
 }

app/setup-password/page.tsx

@@ -1,7 +1,7 @@
 "use client";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import React, { useState } from "react";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import Link from "next/link";
 import Cookies from "js-cookie";
 import { close, error, loading } from "@/config/swal";

app/static/[slug]/page.tsx

@@ -2,7 +2,7 @@
 
 import { HumasLayout } from "@/components/layout/humas-layout";
 import { getCustomStaticDetailBySlug } from "@/service/static-page-service";
-import { Card, CircularProgress } from "@heroui/react";
+import { Card, CircularProgress } from "@nextui-org/react";
 import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
 

components/counter.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 
 export const Counter = () => {
 	const [count, setCount] = useState(0);

components/detail/ListNews.tsx

@@ -13,7 +13,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { SearchIcon } from "../icons";
 

components/form/article/create-article-form.tsx

@@ -12,14 +12,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@heroui/switch";
+import { Switch } from "@nextui-org/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -40,7 +40,7 @@ import {
   SelectItem,
   SelectSection,
   useDisclosure,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import GenerateSingleArticleForm from "./generate-ai-single-form";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";

components/form/article/edit-article-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@heroui/switch";
+import { Switch } from "@nextui-org/switch";
 import {
   createArticle,
   deleteArticleFiles,
@@ -24,7 +24,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Chip } from "@heroui/react";
+import { Chip } from "@nextui-org/react";
 import GenerateSingleArticleForm from "./generate-ai-single-form";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";

components/form/article/edit-generated-article-checker-form.tsx

@@ -1,7 +1,7 @@
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import JoditEditor from "jodit-react";
 import { useEffect, useRef, useState } from "react";
 import {
@@ -10,12 +10,12 @@ import {
   regenerateArticle,
   updateManualArticle,
 } from "@/service/generate-article";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
 import { useRouter } from "next/navigation";
 import { close, error, loading } from "@/config/swal";
-import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
+import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
 
 const formSchema = z.object({
   mainKeyword: z.string().min(2, {

components/form/article/edit-generated-article-content-form.tsx

@@ -1,14 +1,14 @@
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import JoditEditor from "jodit-react";
 import { useEffect, useRef, useState } from "react";
 import {
   getDetailArticle,
   updateManualArticle,
 } from "@/service/generate-article";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
 import { useRouter } from "next/navigation";

components/form/article/generate-ai-content-rewrite-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-ai-single-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-article-form.tsx

@@ -12,7 +12,7 @@ import {
   SelectSection,
   Selection,
   Spinner,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";

components/form/article/generate-bulk-article-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { FormEvent, useState } from "react";
 import { Controller, useFieldArray, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-rewrite-form.tsx

@@ -6,7 +6,7 @@ import {
   SelectItem,
   SelectSection,
   Textarea,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { FormEvent, useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/generate-single-article-form.tsx

@@ -5,7 +5,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { FormEvent, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/form/article/get-seo-score-form.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { error } from "@/config/swal";
 import { getSeoScore } from "@/service/generate-article";
-import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
+import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
 
 import { useEffect, useRef, useState } from "react";
 

components/form/article/speech-to-text-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { AddIcon, TimesIcon } from "@/components/icons";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import {
   Button,
   Checkbox,
@@ -9,7 +9,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 import { Suspense, useState } from "react";

components/form/form-article.tsx

@@ -10,7 +10,7 @@ import {
   Select,
   SelectItem,
   Selection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";

components/form/form-detail-article.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { error } from "@/config/swal";
 import { getSeoScore } from "@/service/generate-article";
-import { Accordion, AccordionItem, CircularProgress } from "@heroui/react";
+import { Accordion, AccordionItem, CircularProgress } from "@nextui-org/react";
 
 import { useEffect, useRef, useState } from "react";
 

components/form/form-detail-master-user-role.tsx

@@ -2,7 +2,7 @@
 import { error } from '@/config/swal';
 import { createMasterUserRole, getMasterUserRoleById } from '@/service/master-user-role';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Button, Card, Input, Textarea } from "@heroui/react";
+import { Button, Card, Input, Textarea } from '@nextui-org/react';
 import Link from 'next/link';
 import { usePathname, useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';

components/form/form-edit-article.tsx

@@ -9,7 +9,7 @@ import {
   Select,
   SelectItem,
   Selection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import JoditEditor from "jodit-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";

components/form/form-master-user-edit.tsx

@@ -17,7 +17,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { useParams, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/form/form-master-user-role.tsx

@@ -15,7 +15,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/form/form-master-user.tsx

@@ -13,7 +13,7 @@ import {
   SelectItem,
   Selection,
   Textarea,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";

components/form/form-permohonan-informasi.tsx

@@ -1,8 +1,8 @@
 'use client'
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from "@heroui/button";
+import { Button } from '@nextui-org/button';
-import { Input } from "@heroui/input";
+import { Input } from '@nextui-org/input';
-import { Select, SelectItem, SelectSection } from "@heroui/react";
+import { Select, SelectItem, SelectSection } from '@nextui-org/react';
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -63,7 +63,7 @@ const FormApplication: React.FC = () => {
         //     </div>
         //     <button type="submit">Submit</button>
         // </form>
-        (<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
+        <div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
             <div className='text-xl font-bold'>Form Register Permohonan</div>
             <div>
                 <Input
@@ -468,7 +468,7 @@ const FormApplication: React.FC = () => {
                 </Select>
             </div>
             <Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
-        </div>)
+        </div>
     );
 };
 

components/form/form-permohonan-keberatan.tsx

@@ -1,8 +1,8 @@
 'use client'
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from "@heroui/button";
+import { Button } from '@nextui-org/button';
-import { Input } from "@heroui/input";
+import { Input } from '@nextui-org/input';
-import { Select, SelectItem, SelectSection } from "@heroui/react";
+import { Select, SelectItem, SelectSection } from '@nextui-org/react';
 import React, { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
@@ -63,7 +63,7 @@ const FormObjectionRequest: React.FC = () => {
         //     </div>
         //     <button type="submit">Submit</button>
         // </form>
-        (<div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
+        <div className=' bg-white text-black py-2 md:py-5 lg:py-10 px-2 md:px-5 lg:px-16 space-y-2 md:space-y-5'>
             <div className='text-xl font-bold'>Form Register Permohonan Keberatan</div>
             <div>
                 <Input
@@ -468,7 +468,7 @@ const FormObjectionRequest: React.FC = () => {
                 </Select>
             </div>
             <Button className="w-full bg-[#DD8306] font-semibold">Daftar Sekarang</Button>
-        </div>)
+        </div>
     );
 };
 

components/form/login.tsx

@@ -1,8 +1,8 @@
 "use client";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import React, { useState } from "react";
 import { EyeFilledIcon, EyeSlashFilledIcon } from "../icons";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import Link from "next/link";
 import Cookies from "js-cookie";
 import { close, error, loading } from "@/config/swal";

components/form/magazine/create-magazine-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@heroui/switch";
+import { Switch } from "@nextui-org/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -21,7 +21,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Checkbox, Chip } from "@heroui/react";
+import { Checkbox, Chip } from "@nextui-org/react";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";
 import { useRouter } from "next/navigation";

components/form/magazine/edit-magazine-form.tsx

@@ -5,14 +5,14 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import dynamic from "next/dynamic";
 import JoditEditor from "jodit-react";
 import { useDropzone } from "react-dropzone";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import { CloudUploadIcon, TimesIcon } from "@/components/icons";
 import Image from "next/image";
-import { Switch } from "@heroui/switch";
+import { Switch } from "@nextui-org/switch";
 import {
   createArticle,
   getArticleByCategory,
@@ -21,7 +21,7 @@ import {
 } from "@/service/article";
 import ReactSelect from "react-select";
 import makeAnimated from "react-select/animated";
-import { Checkbox, Chip } from "@heroui/react";
+import { Checkbox, Chip } from "@nextui-org/react";
 import { htmlToString } from "@/utils/global";
 import { close, error, loading } from "@/config/swal";
 import { useParams, useRouter } from "next/navigation";

components/form/magazine/magazine-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Input, Radio, RadioGroup, Select, SelectItem, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Input, Radio, RadioGroup, Select, SelectItem, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-menu/menu-data/menu-data-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-module/master-module-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/master/master-user-level/master-user-level-form.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@heroui/react";
+import { Card, Checkbox, CheckboxGroup, Divider, Image, Input, Radio, RadioGroup, Select, SelectItem, SelectSection, Slider, Switch, Tab, Table, Tabs, Textarea, User } from "@nextui-org/react";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { TimesIcon } from "@/components/icons";
 import Link from "next/link";

components/form/qudo-login.tsx

@@ -4,7 +4,7 @@ import Cookies from "js-cookie";
 import { EyeIconMdi, EyeOffIconMdi } from "@/components/icons";
 import { error, loading, close } from "@/config/swal";
 
-import { Button, Input } from "@heroui/react";
+import { Button, Input } from "@nextui-org/react";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { postSignIn } from "@/service/master-user";

components/form/settings/password.tsx

@@ -2,9 +2,9 @@
 import { useState } from "react";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import { EyeFilledIcon, EyeSlashFilledIcon } from "@/components/icons";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import PasswordChecklist from "react-password-checklist";
 import { savePassword } from "@/service/master-user";
 import { close, error, loading } from "@/config/swal";

components/form/settings/profile.tsx

@@ -5,9 +5,9 @@ import * as z from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Radio, RadioGroup } from "@heroui/react";
+import { Radio, RadioGroup } from "@nextui-org/react";
 import { updateProfile } from "@/service/master-user";
 import { close, error, loading } from "@/config/swal";
 

components/form/static-page/static-page-edit-form.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import { useCallback, useEffect, useState } from "react";
 import DOMPurify from "dompurify";
 import { Controller, useForm } from "react-hook-form";

components/landing/CategorySatker.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React from "react";
 import Link from "next/link";

components/landing/ENewsPolri.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Card, CardFooter } from "@heroui/react";
+import { Card, CardFooter } from "@nextui-org/react";
 import Image from "next/image";
 import { useEffect, useState } from "react";
 import { ChevronLeftWhite, ChevronRightIcon, EyeIcon } from "../icons";

components/landing/Footer.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import { MailIcon, SendIcon } from "../icons";
 import Link from "next/link";
 import { useTranslations } from "next-intl";

components/landing/HeaderNews.tsx

@@ -5,7 +5,7 @@ import {
   CardFooter,
   CircularProgress,
   ScrollShadow,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Image from "next/image";
 import { ChevronLeftIcon, ChevronRightIcon, EyeIcon } from "../icons";
 import { Swiper, SwiperSlide, useSwiper } from "swiper/react";

components/landing/MediaSocial.tsx

@@ -17,7 +17,7 @@ import InstagramWidget from "../ui/social-media/instagram";
 import FacebookWidget from "../ui/social-media/facebook";
 import YoutubeWidget from "../ui/social-media/youtube";
 import { useState } from "react";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 
 export default function MediaSocial() {
   // const [limitedData, setLimitedData] = useState<any>([]);

components/landing/MedolUpdate.tsx

@@ -6,7 +6,7 @@ import {
   Image,
   Tab,
   Tabs,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import React, { useEffect, useState } from "react";
 import { Swiper, SwiperSlide } from "swiper/react";
 import "swiper/css";

components/landing/PolriApps.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React, { useEffect, useState } from "react";
 import Link from "next/link";

components/landing/RegionalNews.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import {
   Image,
   Modal,
@@ -9,7 +9,7 @@ import {
   ModalHeader,
   ModalProps,
   useDisclosure,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import { ChevronLeftWhite, ChevronRightWhite } from "../icons";
 import React, { useEffect, useState } from "react";
 import Link from "next/link";

components/landing/SidebarNav.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button, LinkIcon, ScrollShadow } from "@heroui/react";
+import { Button, LinkIcon, ScrollShadow } from "@nextui-org/react";
 import React, { useEffect, useState } from "react";
 import { EyeIcon } from "../icons";
 import Image from "next/image";

components/layout/navbar/HumasNavbarWrapper.tsx

@@ -4,7 +4,7 @@ import {
   NavbarBrand,
   NavbarContent,
   NavbarItem,
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 import {
   Avatar,
   Dropdown,
@@ -12,7 +12,7 @@ import {
   DropdownMenu,
   DropdownTrigger,
   ScrollShadow,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import React from "react";
 import { ThemeSwitch } from "../../theme-switch";
 import Link from "next/link";
@@ -60,7 +60,7 @@ export default function HumasNavbarWrapper({ children }: Props) {
               <DropdownItem key="logout" color="danger">
                 Log Out
               </DropdownItem>
-              <DropdownItem key="theme">
+              <DropdownItem>
                 <ThemeSwitch />
               </DropdownItem>
             </DropdownMenu>

components/layout/navbar/NavbarHumas.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { siteConfig } from "@/config/site";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import {
   Navbar,
   NavbarContent,
@@ -8,14 +8,14 @@ import {
   NavbarMenu,
   NavbarMenuItem,
   NavbarMenuToggle,
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Image from "next/image";
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
@@ -133,7 +133,7 @@ export default function NavbarHumas(props: { size: string }) {
   }, []);
 
   return (
-    (<Navbar
+    <Navbar
       isBordered
       maxWidth="full"
       height={size === "sm" ? "6rem" : "8rem"}
@@ -185,7 +185,6 @@ export default function NavbarHumas(props: { size: string }) {
                 }}
               >
                 <DropdownItem
-                  key="sp2hp"
                   onPress={() =>
                     window.open(
                       "https://sp2hp.bareskrim.polri.go.id/",
@@ -204,9 +203,7 @@ export default function NavbarHumas(props: { size: string }) {
                     </div>
                   </div>
                 </DropdownItem>
-                <DropdownItem
+                <DropdownItem>
-                  key="form-info"
-                >
                   <div className="flex flex-row gap-2">
                     <img src="pm2.png" className="w-[35px]" />
                     <div className="flex flex-col  ">
@@ -220,7 +217,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="sim"
                   onPress={() =>
                     window.open(
                       "https://www.digitalkorlantas.id/sim/",
@@ -240,7 +236,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="erikkes"
                   onPress={() => window.open("https://erikkes.id/", "_blank")}
                 >
                   <div className="flex flex-row gap-2">
@@ -257,7 +252,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="eppsi"
                   onPress={() => window.open("https://eppsi.id/", "_blank")}
                 >
                   <div className="flex flex-row gap-2">
@@ -273,7 +267,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="avis"
                   onPress={() =>
                     window.open(
                       "https://e-avis.korlantas.polri.go.id/",
@@ -292,7 +285,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="samsat"
                   onPress={() =>
                     window.open("https://samsatdigital.id/", "_blank")
                   }
@@ -310,7 +302,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="skck"
                   onPress={() =>
                     window.open("https://skck.polri.go.id/", "_blank")
                   }
@@ -326,7 +317,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="propam"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam&pli=1",
@@ -348,7 +338,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="dumas"
                   onPress={() =>
                     window.open("https://dumaspresisi.polri.go.id/", "_blank")
                   }
@@ -367,7 +356,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="bos"
                   onPress={() =>
                     window.open("https://bos.polri.go.id/login", "_blank")
                   }
@@ -384,7 +372,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="clear"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2",
@@ -445,7 +432,7 @@ export default function NavbarHumas(props: { size: string }) {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem key="humas">
+                <DropdownItem>
                   <Link
                     href="/static/humas-polri"
                     className="flex  justify-between"
@@ -454,7 +441,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="pimpinan">
+                <DropdownItem>
                   <Link
                     href="/static/profile-kapolri"
                     className="flex  justify-between"
@@ -463,7 +450,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="structure">
+                <DropdownItem>
                   <Link
                     href="/static/struktur-mabes"
                     className="flex  justify-between"
@@ -472,7 +459,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="visi">
+                <DropdownItem>
                   <Link
                     href="/static/visi-misi-polri"
                     className="flex  justify-between"
@@ -481,7 +468,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="fungsi">
+                <DropdownItem>
                   <Link
                     href="/static/tugas-dan-fungsi-polri"
                     className="flex  justify-between"
@@ -490,7 +477,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="logo">
+                <DropdownItem>
                   <Link href="/static/logo" className="flex  justify-between">
                     Logo
                     <ChevronRightIcon />
@@ -529,7 +516,7 @@ export default function NavbarHumas(props: { size: string }) {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem  key="humas">
+                <DropdownItem>
                   <Link
                     href="/static/humas-polri"
                     className="flex  justify-between"
@@ -538,7 +525,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="profile">
+                <DropdownItem>
                   <Link
                     href="/static/profile-kapolri"
                     className="flex  justify-between"
@@ -547,7 +534,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="structure">
+                <DropdownItem>
                   <Link
                     href="/static/struktur-mabes"
                     className="flex  justify-between"
@@ -556,7 +543,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="visi">
+                <DropdownItem>
                   <Link
                     href="/static/visi-misi-polri"
                     className="flex  justify-between"
@@ -565,7 +552,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="fungsi">
+                <DropdownItem>
                   <Link
                     href="/static/tugas-dan-fungsi-polri"
                     className="flex  justify-between"
@@ -574,7 +561,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="logo">
+                <DropdownItem>
                   <Link href="/static/logo" className="flex  justify-between">
                     Logo
                     <ChevronRightIcon />
@@ -613,7 +600,7 @@ export default function NavbarHumas(props: { size: string }) {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem key="humas">
+                <DropdownItem>
                   <Link
                     href="/static/humas-polri"
                     className="flex  justify-between"
@@ -622,7 +609,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="profile">
+                <DropdownItem>
                   <Link
                     href="/static/profile-kapolri"
                     className="flex  justify-between"
@@ -631,7 +618,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="struktur">
+                <DropdownItem>
                   <Link
                     href="/static/struktur-mabes"
                     className="flex  justify-between"
@@ -640,7 +627,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="visi">
+                <DropdownItem>
                   <Link
                     href="/static/visi-misi-polri"
                     className="flex  justify-between"
@@ -649,7 +636,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="fungsi">
+                <DropdownItem>
                   <Link
                     href="/static/tugas-dan-fungsi-polri"
                     className="flex  justify-between"
@@ -658,7 +645,7 @@ export default function NavbarHumas(props: { size: string }) {
                     <ChevronRightIcon />
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="logo">
+                <DropdownItem>
                   <Link href="/static/logo" className="flex  justify-between">
                     Logo
                     <ChevronRightIcon />
@@ -695,7 +682,6 @@ export default function NavbarHumas(props: { size: string }) {
                 }}
               >
                 <DropdownItem
-                  key="super"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=superapps.polri.presisi.presisi&hl=en_US&gl=US",
@@ -715,7 +701,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="mediahub"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.mediahub.mediahub_mobile",
@@ -734,7 +719,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="polisiku"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=id.co.qlue.polisiku&hl=id&gl=ID",
@@ -754,7 +738,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="sp2hp"
                   onPress={() =>
                     window.open(
                       "https://sp2hp.bareskrim.polri.go.id/",
@@ -773,7 +756,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="polritv"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.polritv",
@@ -792,7 +774,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="polriradio"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.polritv",
@@ -811,7 +792,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="avis"
                   onPress={() =>
                     window.open(
                       "https://e-avis.korlantas.polri.go.id/",
@@ -830,7 +810,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="erikkes"
                   onPress={() => window.open("https://erikkes.id/", "_blank")}
                 >
                   <div className="flex flex-row gap-2">
@@ -846,7 +825,6 @@ export default function NavbarHumas(props: { size: string }) {
                 </DropdownItem>
 
                 <DropdownItem
-                  key="eppsi"
                   onPress={() => window.open("https://eppsi.id/", "_blank")}
                 >
                   <div className="flex flex-row gap-2">
@@ -860,7 +838,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="bos"
                   onPress={() =>
                     window.open("https://bos.polri.go.id/login", "_blank")
                   }
@@ -877,7 +854,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="signal"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=app.signal.id",
@@ -896,7 +872,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="skck"
                   onPress={() =>
                     window.open("https://skck.polri.go.id/", "_blank")
                   }
@@ -912,7 +887,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="propam"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam",
@@ -932,7 +906,6 @@ export default function NavbarHumas(props: { size: string }) {
                 </DropdownItem>
 
                 <DropdownItem
-                  key="propam2"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.stk.pengaduanpropam",
@@ -954,7 +927,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="sdm"
                   onPress={() =>
                     window.open("https://penerimaan.polri.go.id/", "_blank")
                   }
@@ -972,7 +944,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="whistle"
                   onPress={() =>
                     window.open(
                       "https://pengaduan-penerimaan.polri.go.id/",
@@ -993,7 +964,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="dumas"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=com.admasolusi.monitoringpresisi",
@@ -1011,8 +981,8 @@ export default function NavbarHumas(props: { size: string }) {
                     </div>
                   </div>
                 </DropdownItem>
+
                 <DropdownItem
-                  key="clear"
                   onPress={() =>
                     window.open(
                       "https://play.google.com/store/apps/details?id=id.go.ssdmpolri.pengaduanappsbarupolri2",
@@ -1033,7 +1003,6 @@ export default function NavbarHumas(props: { size: string }) {
                   </div>
                 </DropdownItem>
                 <DropdownItem
-                  key="korlantas"
                   onPress={() =>
                     window.open(
                       "https://www.digitalkorlantas.id/sim/",
@@ -1089,7 +1058,7 @@ export default function NavbarHumas(props: { size: string }) {
                   // <Button className="bg-[#DD8306]" onPress={onLogout}>
                   //   Logout
                   // </Button>
-                  (<Dropdown>
+                  <Dropdown>
                     <DropdownTrigger>
                       <Button variant="bordered">Menu</Button>
                     </DropdownTrigger>
@@ -1111,7 +1080,7 @@ export default function NavbarHumas(props: { size: string }) {
                         Logout
                       </DropdownItem>
                     </DropdownMenu>
-                  </Dropdown>)
+                  </Dropdown>
                 ) : (
                   <Link href="/auth">
                     <Button
@@ -1241,6 +1210,6 @@ export default function NavbarHumas(props: { size: string }) {
           </div>
         </NavbarContent>
       </div>
-    </Navbar>)
+    </Navbar>
   );
 }

components/layout/navbar/NavbarPPID.tsx

@@ -1,18 +1,18 @@
 "use client";
-import { Link } from "@heroui/link";
+import { Link } from "@nextui-org/link";
 import {
   Navbar,
   NavbarContent,
   NavbarItem,
   NavbarMenuToggle,
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,
@@ -97,7 +97,7 @@ export default function NavbarPPID() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="serta-merta">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/informasi-serta-merta"
                     color="foreground"
@@ -105,7 +105,7 @@ export default function NavbarPPID() {
                     Informasi Serta Merta
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="berkala">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/informasi-berkala"
                     color="foreground"
@@ -113,7 +113,7 @@ export default function NavbarPPID() {
                     Informasi Berkala
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="setiap-saat">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/informasi-setiap-saat"
                     color="foreground"
@@ -121,7 +121,7 @@ export default function NavbarPPID() {
                     Informasi Setiap Saat
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="kecuali">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/informasi-dikecualikan"
                     color="foreground"
@@ -129,7 +129,7 @@ export default function NavbarPPID() {
                     Informasi Dikecualikan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="penerangan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/penerangan-satuan"
                     color="foreground"
@@ -137,7 +137,7 @@ export default function NavbarPPID() {
                     Penerangan Satuan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="uu">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/informasi-publik/uu-dan-peraturan"
                     color="foreground"
@@ -177,7 +177,7 @@ export default function NavbarPPID() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="sejarah">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/profile/sejarah-ppid-polri"
                     color="foreground"
@@ -185,7 +185,7 @@ export default function NavbarPPID() {
                     Sejarah PPID Polri
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="profile">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/profile/profile-singkat-ppid"
                     color="foreground"
@@ -193,7 +193,7 @@ export default function NavbarPPID() {
                     Profile Singkat PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="fungsi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/profile/tugas-dan-fungsi-ppid"
                     color="foreground"
@@ -201,7 +201,7 @@ export default function NavbarPPID() {
                     Tugas dan Fungsi PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="struktur">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/profile/struktur-ppid"
                     color="foreground"
@@ -209,7 +209,7 @@ export default function NavbarPPID() {
                     Struktur PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="visi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/profile/visi-dan-misi-ppid"
                     color="foreground"
@@ -249,7 +249,7 @@ export default function NavbarPPID() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="registrasi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/layanan-informasi/registrasi-permohonan"
                     color="foreground"
@@ -257,7 +257,7 @@ export default function NavbarPPID() {
                     Registrasi Permohonan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="permohonan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/layanan-informasi/permohonan-informasi"
                     color="foreground"
@@ -265,7 +265,7 @@ export default function NavbarPPID() {
                     Permohonan Informasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="keberatan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/layanan-informasi/permohonan-keberatan"
                     color="foreground"
@@ -273,7 +273,7 @@ export default function NavbarPPID() {
                     Permohonan Keberatan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="rekap">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/layanan-informasi/statistik-rekapitulasi"
                     color="foreground"
@@ -281,7 +281,7 @@ export default function NavbarPPID() {
                     Statistik / Rekapitulasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="laporan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/layanan-informasi/ppid-laporan-tahunan"
                     color="foreground"
@@ -321,7 +321,7 @@ export default function NavbarPPID() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="alur">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/alur-pelayanan-informasi-publik"
                     color="foreground"
@@ -329,7 +329,7 @@ export default function NavbarPPID() {
                     Alur Pelayanan Informasi Publik Polri
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="tata-cara">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/tata-cara-permohonan-informasi"
                     color="foreground"
@@ -337,7 +337,7 @@ export default function NavbarPPID() {
                     Tata Cara Permohonan Informasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="keberatan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/mekanisme-keberatan"
                     color="foreground"
@@ -345,7 +345,7 @@ export default function NavbarPPID() {
                     Mekanisme Keberatan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="sengketa">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/mekanisme-permohonan-penyelesaian-sengketa"
                     color="foreground"
@@ -353,7 +353,7 @@ export default function NavbarPPID() {
                     Mekanisme Permohonan Penyelesainan Sengketa
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="waktu">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/waktu-pelayanan"
                     color="foreground"
@@ -361,7 +361,7 @@ export default function NavbarPPID() {
                     Waktu Pelayanan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="biaya">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/standar-biaya-pelayanan"
                     color="foreground"
@@ -369,7 +369,7 @@ export default function NavbarPPID() {
                     Standar Biaya Pelayanan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="maklumat">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href="/portal-ppid/standar-layanan/maklumat-pelayanan"
                     color="foreground"

components/layout/navbar/NavbarSatker.tsx

@@ -1,17 +1,17 @@
-import { Link } from "@heroui/link";
+import { Link } from "@nextui-org/link";
 import {
   Navbar,
   NavbarContent,
   NavbarItem,
   NavbarMenuToggle,
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 import {
   Button,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import {
   ChevronDownIcon,
   ChevronRightIcon,
@@ -121,7 +121,7 @@ export default function NavbarSatker() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="serta-merta">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -133,7 +133,7 @@ export default function NavbarSatker() {
                     Informasi Serta Merta
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="berkala">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -145,7 +145,7 @@ export default function NavbarSatker() {
                     Informasi Berkala
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="setiap-saat">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -157,7 +157,7 @@ export default function NavbarSatker() {
                     Informasi Setiap Saat
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="kecuali">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -169,7 +169,7 @@ export default function NavbarSatker() {
                     Informasi Dikecualikan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="penerangan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -181,7 +181,7 @@ export default function NavbarSatker() {
                     Penerangan Satuan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="uu">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -225,7 +225,7 @@ export default function NavbarSatker() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="sejarah">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -237,7 +237,7 @@ export default function NavbarSatker() {
                     Sejarah PPID Polri
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="profile">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -249,7 +249,7 @@ export default function NavbarSatker() {
                     Profile Singkat PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="fungsi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -261,7 +261,7 @@ export default function NavbarSatker() {
                     Tugas dan Fungsi PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="struktur">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -273,7 +273,7 @@ export default function NavbarSatker() {
                     Struktur PPID
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="visi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -317,7 +317,7 @@ export default function NavbarSatker() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="registrasi">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -329,7 +329,7 @@ export default function NavbarSatker() {
                     Registrasi Permohonan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="permohonan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -341,7 +341,7 @@ export default function NavbarSatker() {
                     Permohonan Informasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="keberatan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -353,7 +353,7 @@ export default function NavbarSatker() {
                     Permohonan Keberatan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="statistik">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -365,7 +365,7 @@ export default function NavbarSatker() {
                     Statistik / Rekapitulasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="layanan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -409,7 +409,7 @@ export default function NavbarSatker() {
                   base: "w-[350px]",
                 }}
               >
-                <DropdownItem endContent={<ChevronRightIcon />} key="alur">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -421,7 +421,7 @@ export default function NavbarSatker() {
                     Alur Pelayanan Informasi Publik Polri
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="tata-cara">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -433,7 +433,7 @@ export default function NavbarSatker() {
                     Tata Cara Permohonan Informasi
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="keberatan">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -445,7 +445,7 @@ export default function NavbarSatker() {
                     Mekanisme Keberatan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="sengketa">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -457,7 +457,7 @@ export default function NavbarSatker() {
                     Mekanisme Permohonan Penyelesainan Sengketa
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="waktu">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -469,7 +469,7 @@ export default function NavbarSatker() {
                     Waktu Pelayanan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="biaya">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda
@@ -481,7 +481,7 @@ export default function NavbarSatker() {
                     Standar Biaya Pelayanan
                   </Link>
                 </DropdownItem>
-                <DropdownItem endContent={<ChevronRightIcon />} key="maklumat">
+                <DropdownItem endContent={<ChevronRightIcon />}>
                   <Link
                     href={
                       isPolda

components/layout/navbar/PPIDAdminNavbarWrapper.tsx

@@ -3,14 +3,14 @@ import {
   NavbarBrand,
   NavbarContent,
   NavbarItem,
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 import {
   Avatar,
   Dropdown,
   DropdownItem,
   DropdownMenu,
   DropdownTrigger,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import React, { Children } from "react";
 import { ThemeSwitch } from "../../theme-switch";

components/layout/portal-ppid/LatestNews.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@heroui/button"
+import { Button } from '@nextui-org/button'
 import React from 'react'
 
 export default function LatestNews() {

components/layout/portal-ppid/MediaUpdate.tsx

@@ -1,5 +1,5 @@
 import { EyeIcon } from "@/components/icons";
-import { ScrollShadow } from "@heroui/react";
+import { ScrollShadow } from "@nextui-org/react";
 import React from "react";
 
 export default function MediaUpdate() {

components/layout/portal-ppid/PPIDPolda.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   Image,
   Input,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import PPIDSidebar from "./PPIDSidebar";
 import { SearchIcon } from "@/components/icons";

components/layout/portal-ppid/PPIDSatker.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@heroui/react";
+import { BreadcrumbItem, Breadcrumbs, Button, Input } from "@nextui-org/react";
 import Link from "next/link";
 import PPIDSidebar from "./PPIDSidebar";
 import { SearchIcon } from "@/components/icons";

components/layout/portal-ppid/PPIDSatkerSidebar.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Button, Input } from "@heroui/react"
+import { Button, Input } from '@nextui-org/react'
 import Link from 'next/link'
 
 export default function PPIDSatkerSidebar() {

components/layout/portal-ppid/PPIDSidebar.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Button, Input, ScrollShadow } from "@heroui/react";
+import { Button, Input, ScrollShadow } from "@nextui-org/react";
 import React from "react";
 import Link from "next/link";
 

components/layout/portal-ppid/ppid-banner.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { SearchIcon } from "@/components/icons";
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import { usePathname } from "next/navigation";
 
 interface PPIDBannerProps {
@@ -19,36 +19,7 @@ export default function PPIDBanner({ url }: PPIDBannerProps) {
   console.log(isPolri);
 
   return (
-    // <div className='relative h-screen'>
+    <div className=" bg-white relative">
-    //     <div className='relative w-full'>
-    //         <img
-    //             className='w-full opacity-100 dark:opacity-90'
-    //             src="banner-ppid.png"
-    //             alt="banner"
-    //         />
-    //     </div>
-    //     <div className='flex  flex-col items-center w-[100%] md:w-[80%] leading-10 h-auto absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center bg-inherit text-inherit md:text-white'>
-    //         <p className='text-lg md:text-xl lg:text-4xl font-bold leading-10'>
-    //             SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA  (HUMAS POLRI)
-    //         </p>
-    //         <p className='text-xs md:text-md lg:text-base pt-5'>
-    //             Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari <br /> implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
-    //         </p>
-    //         {/* <div className='pt-4 w-[50%]'>
-    //             <Input
-    //                 type="email"
-    //                 placeholder="Informasi Berkala"
-    //                 classNames={{
-    //                     inputWrapper: 'bg-white'
-    //                 }}
-    //                 startContent={
-    //                     <SearchIcons className=" text-default-400 pointer-events-none flex-shrink-0" />
-    //                 }
-    //             />
-    //         </div> */}
-    //     </div>
-    // </div>
-    (<div className=" bg-white relative">
       <div className="relative">
         <img
           src="/banner-ppid.png"
@@ -81,6 +52,36 @@ export default function PPIDBanner({ url }: PPIDBannerProps) {
           </div>
         </div>
       </div>
-    </div>)
+    </div>
+    // <div className='relative h-screen'>
+    //     <div className='relative w-full'>
+    //         <img
+    //             className='w-full opacity-100 dark:opacity-90'
+    //             src="banner-ppid.png"
+    //             alt="banner"
+    //         />
+    //     </div>
+    //     <div className='flex  flex-col items-center w-[100%] md:w-[80%] leading-10 h-auto absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-center bg-inherit text-inherit md:text-white'>
+    //         <p className='text-lg md:text-xl lg:text-4xl font-bold leading-10'>
+    //             SELAMAT DATANG DI PORTAl PPID HUBUNGAN MASYARAKAT POLISI REPUBLIK INDONESIA  (HUMAS POLRI)
+    //         </p>
+    //         <p className='text-xs md:text-md lg:text-base pt-5'>
+    //             Layanan ini merupakan fasilitas daring yang disediakan bagi para pemohon informasi publik, sebagai bagian dari <br /> implementasi prinsip keterbukaan informasi publik di Pusat Informasi dan Dokumentasi (PPID) Utama.
+    //         </p>
+    //         {/* <div className='pt-4 w-[50%]'>
+    //             <Input
+    //                 type="email"
+    //                 placeholder="Informasi Berkala"
+    //                 classNames={{
+
+    //                     inputWrapper: 'bg-white'
+    //                 }}
+    //                 startContent={
+    //                     <SearchIcons className=" text-default-400 pointer-events-none flex-shrink-0" />
+    //                 }
+    //             />
+    //         </div> */}
+    //     </div>
+    // </div>
   );
 }

components/layout/portal-ppid/ppid-navbar.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
-import { Link } from "@heroui/link";
+import { Link } from "@nextui-org/link";
 import {
     NavbarBrand,
     NavbarContent,
@@ -9,7 +9,7 @@ import {
     NavbarMenuItem,
     NavbarMenuToggle,
     Navbar as NextUINavbar
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 
 
 
@@ -25,7 +25,7 @@ import {
 import { ThemeSwitch } from "@/components/theme-switch";
 
 import { siteConfig } from "@/config/site";
-import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image } from "@heroui/react";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image } from "@nextui-org/react";
 import { useEffect, useState } from "react";
 
 export const PPIDNavbar = () => {

components/layout/sidebar/sidebar-closed-icon.tsx

@@ -1,7 +1,7 @@
 import Link from "next/link";
 import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon";
 import { useSidebar } from "./sidebar-context";
-import { Tooltip } from "@heroui/react";
+import { Tooltip } from "@nextui-org/react";
 
 export default function ClosedSidebarIcon(props: {
   icon: string;

components/layout/sidebar/sidebar-collapse-items.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import clsx from "clsx";
-import { Accordion, AccordionItem, Tooltip } from "@heroui/react";
+import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react";
 
 import { ChevronUpIcon } from "../../icons";
 import { DashboardIcon, HomeIcon, TableIcon } from "../../icons/sidebar-icon";

components/layout/sidebar/sidebar-collapse-sub-items.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { Accordion, AccordionItem, Tooltip } from "@heroui/react";
+import { Accordion, AccordionItem, Tooltip } from "@nextui-org/react";
 import clsx from "clsx";
 import Link from "next/link";
 import { ChevronUpIcon } from "../../icons";

components/layout/sidebar/sidebar-mobile.tsx

@@ -1,5 +1,5 @@
 import { SidebarMenuTask } from "@/types/globals";
-import { Tooltip } from "@heroui/react";
+import { Tooltip } from "@nextui-org/react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/layout/sidebar/sidebar.tsx

@@ -1,5 +1,5 @@
 import { SidebarMenuTask } from "@/types/globals";
-import { Tooltip } from "@heroui/react";
+import { Tooltip } from "@nextui-org/react";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/main/dashboard/dashboard-container.tsx

@@ -16,7 +16,7 @@ import {
   Select,
   SelectItem,
   SelectSection,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import ApexChartColumn from "./chart/column-chart";
 import ApexChartDonut from "./chart/donut-chart";
 import ApexChartLineArea from "./chart/line-area-chart";

components/main/detail/comment.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
 import React, { useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as z from "zod";

components/main/detail/contact.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
-import { Select, SelectItem, SelectSection } from "@heroui/react";
+import { Select, SelectItem, SelectSection } from "@nextui-org/react";
 import React, { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
@@ -75,7 +75,7 @@ const Contact: React.FC = () => {
     //     </div>
     //     <button type="submit">Submit</button>
     // </form>
-    (<div className=" bg-white text-black pb-5 md:pb-20">
+    <div className=" bg-white text-black pb-5 md:pb-20">
       <p className="text-center text-md md:text-2xl text-[#DD8306] font-bold my-2 md:my-5 lg:my-10">
         Kontak Kami
       </p>
@@ -269,7 +269,7 @@ const Contact: React.FC = () => {
           </div>
         </div>
       </div>
-    </div>)
+    </div>
   );
 };
 

components/main/detail/e-magazine-detail.tsx

@@ -7,9 +7,9 @@ import {
   formatMonthString,
   formatTextToHtmlTag,
 } from "@/utils/global";
-import { BreadcrumbItem, Breadcrumbs } from "@heroui/breadcrumbs";
+import { BreadcrumbItem, Breadcrumbs } from "@nextui-org/breadcrumbs";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
-import { Accordion, AccordionItem } from "@heroui/react";
+import { Accordion, AccordionItem } from "@nextui-org/react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
 import React, { useEffect, useState } from "react";

components/main/detail/list-news.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   Input,
   Pagination,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import {
   CalendarIcon,
   Calender,

components/main/detail/propim.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Tab, Tabs } from "@heroui/react"
+import { Tab, Tabs } from '@nextui-org/react'
 
 export default function Task() {
     return (

components/main/detail/statistic-recap.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from "@heroui/react"
+import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
 import React from 'react'
 
 export default function StatiticAndRecap() {

components/main/detail/structure.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from "@heroui/react"
+import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
 
 export default function StrukturOrganisasi() {
     return (

components/main/detail/task-detail.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from "@heroui/react"
+import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
 import React from 'react'
 
 export default function Task() {

components/main/detail/visi-misi.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Card, CardBody, Tab, Tabs } from "@heroui/react"
+import { Card, CardBody, Tab, Tabs } from '@nextui-org/react'
 import React from 'react'
 
 export default function VisiMisi() {

components/main/static-page/static-page-main.tsx

@@ -1,6 +1,6 @@
 "use client";
-import { Input, Textarea } from "@heroui/input";
+import { Input, Textarea } from "@nextui-org/input";
-import { Button, Card } from "@heroui/react";
+import { Button, Card } from "@nextui-org/react";
 import { useCallback, useEffect, useState } from "react";
 import DOMPurify from "dompurify";
 import { Controller, useForm } from "react-hook-form";

components/navbar.tsx

@@ -1,5 +1,5 @@
 'use client'
-import { Input } from "@heroui/input";
+import { Input } from "@nextui-org/input";
 import {
 	NavbarBrand,
 	NavbarContent,
@@ -8,7 +8,7 @@ import {
 	NavbarMenuItem,
 	NavbarMenuToggle,
 	Navbar as NextUINavbar
-} from "@heroui/navbar";
+} from "@nextui-org/navbar";
 
 
 
@@ -24,7 +24,7 @@ import {
 import { ThemeSwitch } from "@/components/theme-switch";
 
 import { siteConfig } from "@/config/site";
-import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image, Link } from "@heroui/react";
+import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownSection, DropdownTrigger, Image, Link } from "@nextui-org/react";
 import { useEffect, useState } from "react";
 
 export const Navbar = () => {
@@ -525,7 +525,7 @@ export const Navbar = () => {
 							>
 
 
-								<DropdownItem key="test">
+								<DropdownItem>
 									<Link href="/about">
 										test
 									</Link>

components/page/detail-news.tsx

@@ -19,11 +19,11 @@ import {
   SquareXIcon,
   UserIcon,
 } from "../icons";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import { useParams, usePathname } from "next/navigation";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import { image } from "@heroui/theme";
+import { image } from "@nextui-org/theme";
 import Cookies from "js-cookie";
 import { saveActivity } from "@/service/activity-log";
 

components/page/related-news.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Card, CardBody, CardFooter, Image } from "@heroui/react";
+import { Card, CardBody, CardFooter, Image } from "@nextui-org/react";
 import React, { useEffect, useState } from "react";
 import { EyeIcon, UnderLine } from "../icons";
 import { getListArticle } from "@/service/article";

components/page/sidebar-detail.tsx

@@ -8,7 +8,7 @@ import "swiper/css/effect-fade";
 import "swiper/css/pagination";
 import Link from "next/link";
 import { getListArticle } from "@/service/article";
-import { Card, CardFooter } from "@heroui/react";
+import { Card, CardFooter } from "@nextui-org/react";
 import { convertDateFormat, textEllipsis } from "@/utils/global";
 
 export default function SidebarDetail() {

components/table/article-table.tsx

@@ -14,7 +14,7 @@ import {
 } from "@/service/article";
 import { Article } from "@/types/globals";
 import { convertDateFormat } from "@/utils/global";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import {
   Chip,
   ChipProps,
@@ -33,7 +33,7 @@ import {
   TableColumn,
   TableHeader,
   TableRow,
-} from "@heroui/react";
+} from "@nextui-org/react";
 import Link from "next/link";
 import { Key, useCallback, useEffect, useState } from "react";
 import Datepicker from "react-tailwindcss-datepicker";
@@ -175,19 +175,19 @@ export default function ArticleTable() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem  key="detail">
+                <DropdownItem>
                   <Link href={`/admin/article/detail/${article.id}`}>
                     <EyeIconMdi className="inline mr-2 mb-1" />
                     Detail
                   </Link>
                 </DropdownItem>
-                <DropdownItem key="edit">
+                <DropdownItem>
                   <Link href={`/admin/article/edit/${article.id}`}>
                     <CreateIconIon className="inline mr-2 mb-1" />
                     Edit
                   </Link>
                 </DropdownItem>
-                <DropdownItem  key="delete" onClick={() => handleDelete(article.id)}>
+                <DropdownItem onClick={() => handleDelete(article.id)}>
                   <DeleteIcon
                     color="red"
                     width={20}

components/table/disestages/article-draft-table.tsx

@@ -13,8 +13,8 @@ import {
   DropdownMenu,
   DropdownItem,
   Input,
-} from "@heroui/react";
+} from "@nextui-org/react";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import React, {
   Key,
   Suspense,

components/table/disestages/transcript-draft-table.tsx

@@ -13,8 +13,8 @@ import {
   DropdownMenu,
   DropdownItem,
   Input,
-} from "@heroui/react";
+} from "@nextui-org/react";
-import { Button } from "@heroui/button";
+import { Button } from "@nextui-org/button";
 import React, {
   Key,
   Suspense,