From 9e080fa3200171af756de88588532c581e16a98c Mon Sep 17 00:00:00 2001
From: sabdayagra <msabdayagra@gmail.com>
Date: Tue, 10 Dec 2024 20:51:14 +0700
Subject: [PATCH] feat: Commit, add section feedback, faqs, and privacy

---
 app/[locale]/(public)/contact/layout.tsx     |  22 ++
 app/[locale]/(public)/contact/page.tsx       |  56 +++++
 app/[locale]/(public)/faqs/layout.tsx        |  22 ++
 app/[locale]/(public)/faqs/page.tsx          |  59 +++++
 app/[locale]/(public)/feedback/layout.tsx    |  22 ++
 app/[locale]/(public)/feedback/page.tsx      |  66 +++++
 app/[locale]/page.tsx                        |   2 +-
 components/landing-page/Footer.tsx           |  58 ++++-
 components/landing-page/Navbar.tsx           | 251 +++----------------
 components/landing-page/content-category.tsx |   7 +-
 components/landing-page/new-content.tsx      |  12 -
 package-lock.json                            | 185 +++++---------
 package.json                                 |   3 +-
 public/assets/Icons-contact.png              | Bin 0 -> 2762 bytes
 public/assets/Icons-faqs.png                 | Bin 0 -> 2789 bytes
 public/assets/Icons-feedback.png             | Bin 0 -> 2431 bytes
 public/assets/icon-privacy.png               | Bin 0 -> 3244 bytes
 service/landing/landing.ts                   |   6 +-
 18 files changed, 412 insertions(+), 359 deletions(-)
 create mode 100644 app/[locale]/(public)/contact/layout.tsx
 create mode 100644 app/[locale]/(public)/contact/page.tsx
 create mode 100644 app/[locale]/(public)/faqs/layout.tsx
 create mode 100644 app/[locale]/(public)/faqs/page.tsx
 create mode 100644 app/[locale]/(public)/feedback/layout.tsx
 create mode 100644 app/[locale]/(public)/feedback/page.tsx
 create mode 100644 public/assets/Icons-contact.png
 create mode 100644 public/assets/Icons-faqs.png
 create mode 100644 public/assets/Icons-feedback.png
 create mode 100644 public/assets/icon-privacy.png

diff --git a/app/[locale]/(public)/contact/layout.tsx b/app/[locale]/(public)/contact/layout.tsx
new file mode 100644
index 00000000..5eca8060
--- /dev/null
+++ b/app/[locale]/(public)/contact/layout.tsx
@@ -0,0 +1,22 @@
+import LayoutProvider from "@/providers/layout.provider";
+import LayoutContentProvider from "@/providers/content.provider";
+import DashCodeSidebar from "@/components/partials/sidebar";
+import DashCodeFooter from "@/components/partials/footer";
+import ThemeCustomize from "@/components/partials/customizer";
+import DashCodeHeader from "@/components/partials/header";
+import { auth } from "@/lib/auth";
+import { redirect } from "@/components/navigation";
+import Navbar from "@/components/landing-page/navbar";
+import Footer from "@/components/landing-page/footer";
+
+const layout = async ({ children }: { children: React.ReactNode }) => {
+  return (
+    <>
+      <Navbar />
+      {children}
+      <Footer />
+    </>
+  );
+};
+
+export default layout;
diff --git a/app/[locale]/(public)/contact/page.tsx b/app/[locale]/(public)/contact/page.tsx
new file mode 100644
index 00000000..6754006a
--- /dev/null
+++ b/app/[locale]/(public)/contact/page.tsx
@@ -0,0 +1,56 @@
+import React from "react";
+
+const ContactForm = () => {
+  return (
+    <div className="max-w-2xl mx-auto bg-white p-6">
+      {/* Header */}
+      <div className="flex items-center justify-center mb-6">
+        <img src="/assets/icons-contact.png" alt="contact" />
+        <h2 className="ml-4 text-xl font-bold">Hubungi Kami</h2>
+      </div>
+      <h3 className="text-lg font-semibold text-gray-800 mb-1">Tulis Pesan</h3>
+      <p className="text-sm text-gray-600 mb-6">Silahkan tinggalkan pesan Anda pada kolom yang tersedia</p>
+
+      {/* Form */}
+      <form>
+        <div className="mb-4">
+          <label className="block text-sm font-medium text-gray-700 mb-1">Nama</label>
+          <input type="text" placeholder="Masukkan nama lengkap Anda" className="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required />
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-sm font-medium text-gray-700 mb-1">Email</label>
+          <input type="email" placeholder="name@mail.com" className="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required />
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-sm font-medium text-gray-700 mb-1">No. Handphone (Optional)</label>
+          <input type="text" placeholder="Masukkan no.handphone" className="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" />
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-sm font-medium text-gray-700 mb-1">Subjek</label>
+          <select className="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" defaultValue="">
+            <option value="" disabled>
+              Pilih Subjek
+            </option>
+            <option value="1">Pertanyaan</option>
+            <option value="2">Kritik</option>
+            <option value="3">Saran</option>
+          </select>
+        </div>
+
+        <div className="mb-4">
+          <label className="block text-sm font-medium text-gray-700 mb-1">Pesan</label>
+          <textarea placeholder="Tulis pesan Anda" rows={4} className="w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
+        </div>
+
+        <button type="submit" className="w-fit bg-blue-500 flex justify-self-end text-white p-2 px-8 rounded-md hover:bg-blue-600 transition">
+          Kirim
+        </button>
+      </form>
+    </div>
+  );
+};
+
+export default ContactForm;
diff --git a/app/[locale]/(public)/faqs/layout.tsx b/app/[locale]/(public)/faqs/layout.tsx
new file mode 100644
index 00000000..5eca8060
--- /dev/null
+++ b/app/[locale]/(public)/faqs/layout.tsx
@@ -0,0 +1,22 @@
+import LayoutProvider from "@/providers/layout.provider";
+import LayoutContentProvider from "@/providers/content.provider";
+import DashCodeSidebar from "@/components/partials/sidebar";
+import DashCodeFooter from "@/components/partials/footer";
+import ThemeCustomize from "@/components/partials/customizer";
+import DashCodeHeader from "@/components/partials/header";
+import { auth } from "@/lib/auth";
+import { redirect } from "@/components/navigation";
+import Navbar from "@/components/landing-page/navbar";
+import Footer from "@/components/landing-page/footer";
+
+const layout = async ({ children }: { children: React.ReactNode }) => {
+  return (
+    <>
+      <Navbar />
+      {children}
+      <Footer />
+    </>
+  );
+};
+
+export default layout;
diff --git a/app/[locale]/(public)/faqs/page.tsx b/app/[locale]/(public)/faqs/page.tsx
new file mode 100644
index 00000000..dafea905
--- /dev/null
+++ b/app/[locale]/(public)/faqs/page.tsx
@@ -0,0 +1,59 @@
+"use client";
+import React, { useState } from "react";
+
+interface FAQItem {
+  question: string;
+  answer: string;
+}
+
+const FAQS: React.FC = () => {
+  const faqs: FAQItem[] = [
+    {
+      question: "APA SAJA KONTEN-KONTEN YANG ADA DI MEDIAHUB DAN KATEGORI DI DALAMNYA?",
+      answer: "MediaHub memiliki beragam konten seperti berita, video, dan dokumen yang dikategorikan dalam topik seperti edukasi, hiburan, dan informasi terkini.",
+    },
+    {
+      question: "BAGAIMANA KONTEN DARI MEDIAHUB DAPAT DIUNDUH?",
+      answer: "Anda dapat mengunduh konten dengan klik tombol unduh yang tersedia pada setiap konten di halaman MediaHub.",
+    },
+    {
+      question: "SIAPA SAJA YANG DAPAT MENDAFTARKAN DIRI SEBAGAI PENGGUNA MEDIAHUB?",
+      answer: "Semua orang yang memiliki minat terhadap konten di MediaHub dapat mendaftar sebagai pengguna, baik untuk personal maupun profesional.",
+    },
+    {
+      question: "APA ITU MEDIAHUB? DAN APA SAJA FITUR YANG ADA DI DALAMNYA?",
+      answer: "MediaHub adalah platform yang menyediakan berbagai konten informatif dan edukatif. Fitur utama meliputi pencarian, pengunduhan, dan personalisasi konten.",
+    },
+  ];
+
+  const [openIndex, setOpenIndex] = useState<number | null>(null);
+
+  const toggleFAQ = (index: number) => {
+    setOpenIndex(openIndex === index ? null : index);
+  };
+
+  return (
+    <div className="max-w-3xl mx-auto p-6">
+      {/* Header */}
+      <div className="flex items-center justify-center mb-6">
+        <img src="/assets/icons-faqs.png" alt="Faqs" />
+        <h2 className="ml-4 text-xl font-bold text-gray-800">Frequently Asked Questions</h2>
+      </div>
+
+      {/* FAQS Items */}
+      <div className="space-y-4">
+        {faqs.map((faq, index) => (
+          <div key={index} className="border-b border-gray-300 pb-2 cursor-pointer">
+            <div className="flex justify-between items-center" onClick={() => toggleFAQ(index)}>
+              <h3 className="text-sm font-semibold text-gray-800">{faq.question}</h3>
+              <span className="text-gray-500 text-xl">{openIndex === index ? "−" : "+"}</span>
+            </div>
+            {openIndex === index && <p className="text-gray-600 mt-2 text-sm">{faq.answer}</p>}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default FAQS;
diff --git a/app/[locale]/(public)/feedback/layout.tsx b/app/[locale]/(public)/feedback/layout.tsx
new file mode 100644
index 00000000..5eca8060
--- /dev/null
+++ b/app/[locale]/(public)/feedback/layout.tsx
@@ -0,0 +1,22 @@
+import LayoutProvider from "@/providers/layout.provider";
+import LayoutContentProvider from "@/providers/content.provider";
+import DashCodeSidebar from "@/components/partials/sidebar";
+import DashCodeFooter from "@/components/partials/footer";
+import ThemeCustomize from "@/components/partials/customizer";
+import DashCodeHeader from "@/components/partials/header";
+import { auth } from "@/lib/auth";
+import { redirect } from "@/components/navigation";
+import Navbar from "@/components/landing-page/navbar";
+import Footer from "@/components/landing-page/footer";
+
+const layout = async ({ children }: { children: React.ReactNode }) => {
+  return (
+    <>
+      <Navbar />
+      {children}
+      <Footer />
+    </>
+  );
+};
+
+export default layout;
diff --git a/app/[locale]/(public)/feedback/page.tsx b/app/[locale]/(public)/feedback/page.tsx
new file mode 100644
index 00000000..a9e2e0fa
--- /dev/null
+++ b/app/[locale]/(public)/feedback/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import React, { useState } from "react";
+
+interface RatingProps {
+  label: string;
+  onRate: (rating: number) => void;
+}
+
+const Rating: React.FC<RatingProps> = ({ label, onRate }) => {
+  const [selected, setSelected] = useState<number>(0);
+
+  const handleClick = (rating: number) => {
+    setSelected(rating);
+    onRate(rating);
+  };
+
+  return (
+    <div className="flex justify-between items-center mb-4">
+      <span className="text-gray-800">{label}</span>
+      <div className="flex space-x-1">
+        {[1, 2, 3, 4, 5].map((star) => (
+          <button key={star} onClick={() => handleClick(star)} className={`text-2xl ${star <= selected ? "text-yellow-500" : "text-gray-300"}`}>
+            ★
+          </button>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+const FeedbackForm: React.FC = () => {
+  const [ratings, setRatings] = useState({
+    accessibility: 0,
+    appearance: 0,
+    content: 0,
+  });
+
+  const handleRatingChange = (field: keyof typeof ratings, value: number) => {
+    setRatings((prev) => ({ ...prev, [field]: value }));
+  };
+
+  const handleSubmit = () => {
+    console.log("Feedback submitted:", ratings);
+    alert("Terima kasih atas feedback Anda!");
+  };
+
+  return (
+    <div className="max-w-6xl flex flex-col mx-auto p-4 lg:p-40 gap-5">
+      <div className="flex items-center justify-center mb-6">
+        <img src="/assets/icons-feedback.png" alt="Feedback" />
+        <h2 className="ml-4 text-[15px] lg:text-[32px] font-bold text-gray-800">Feedback Pengguna</h2>
+      </div>
+      <Rating label="Silakan berikan rating Anda terkait dengan kemudahan akses website MediaHUB Polri" onRate={(rating) => handleRatingChange("accessibility", rating)} />
+      <Rating label="Silakan berikan rating Anda terkait dengan tampilan website MediaHUB Polri" onRate={(rating) => handleRatingChange("appearance", rating)} />
+      <Rating label="Silakan berikan rating Anda terkait dengan konten MediaHUB Polri" onRate={(rating) => handleRatingChange("content", rating)} />
+      <div className="flex justify-center">
+        <button onClick={handleSubmit} className="w-fit lg:w-32 bg-[#2F80ED] text-white py-2 px-4 gap-4 rounded-md hover:bg-blue-600 transition">
+          Kirim
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default FeedbackForm;
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 215b8b15..e81eed0d 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -5,7 +5,7 @@ import NewContent from "@/components/landing-page/new-content";
 import PopularContent from "@/components/landing-page/popular-content";
 import ContentCategory from "@/components/landing-page/content-category";
 import Coverage from "@/components/landing-page/coverage";
-import Navbar from "@/components/landing-page/Navbar";
+import Navbar from "@/components/landing-page/navbar";
 import Hero from "@/components/landing-page/hero";
 import Footer from "@/components/landing-page/footer";
 import Division from "@/components/landing-page/division";
diff --git a/components/landing-page/Footer.tsx b/components/landing-page/Footer.tsx
index 8511749d..6c869951 100644
--- a/components/landing-page/Footer.tsx
+++ b/components/landing-page/Footer.tsx
@@ -1,6 +1,28 @@
-import React from "react";
+"use client";
+
+import Link from "next/link";
+import React, { useEffect, useState } from "react";
+import { generateLocalizedPath } from "@/utils/globals";
+import { useParams, usePathname, useRouter } from "next/navigation";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { getPrivacy } from "@/service/landing/landing";
+import parse from "html-react-parser";
 
 const Footer = () => {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useParams();
+  const locale = params?.locale;
+  const [privacy, setPrivacy] = useState();
+
+  useEffect(() => {
+    async function initState() {
+      const response = await getPrivacy();
+      setPrivacy(response.data?.data.htmlContent);
+    }
+    initState();
+  }, []);
+
   return (
     <footer className="bg-[#bb3523] text-white text-xs lg:text-sm py-4">
       <div className="container mx-auto flex flex-col md:flex-row justify-between items-center space-y-2 md:space-y-0 px-4">
@@ -9,21 +31,33 @@ const Footer = () => {
 
         {/* Menu Links */}
         <div className="flex flex-wrap justify-center items-center space-x-3">
-          <a href="#" className="hover:underline">
+          <Link href={generateLocalizedPath("/feedback", String(locale))} className="hover:underline">
             FeedBack
-          </a>
-          <span className="hidden md:inline-block">|</span>
-          <a href="#" className="hover:underline">
+          </Link>
+          <span className="hidden md:inline-block ">|</span>
+          <Link href={generateLocalizedPath("/contact", String(locale))} className="hover:underline">
             Hubungi Kami
-          </a>
+          </Link>
           <span className="hidden md:inline-block">|</span>
-          <a href="#" className="hover:underline">
+          <Link href={generateLocalizedPath("/faqs", String(locale))} className="hover:underline">
             FAQ
-          </a>
-          <span className="hidden md:inline-block">|</span>
-          <a href="#" className="hover:underline">
-            Privacy
-          </a>
+          </Link>
+
+          <Dialog>
+            <DialogTrigger>
+              <span className="hidden md:inline-block">|</span>
+              <a href="#" className="hover:underline">
+                Privacy
+              </a>
+            </DialogTrigger>
+            <DialogContent className="flex flex-col overflow-y-scroll h-[80%]" size="md">
+              <div className="flex flex-row items-center justify-center gap-4">
+                <img src="/assets/icon-privacy.png" alt="Privacy" />
+                <p className="font-semibold text-lg">Kebijakan Privacy</p>
+              </div>
+              <div className="container text-dark">{parse(String(privacy))}</div>
+            </DialogContent>
+          </Dialog>
         </div>
 
         {/* Social Media Icons */}
diff --git a/components/landing-page/Navbar.tsx b/components/landing-page/Navbar.tsx
index 07e5afd5..1f7c45ad 100644
--- a/components/landing-page/Navbar.tsx
+++ b/components/landing-page/Navbar.tsx
@@ -1,13 +1,8 @@
-"use client"
+"use client";
 
 import React, { useState } from "react";
 import ThemeSwitcher from "@/components/partials/header/theme-switcher";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "../ui/dropdown-menu";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../ui/dropdown-menu";
 import Link from "next/link";
 import { FiFile, FiImage, FiMusic, FiYoutube } from "react-icons/fi";
 import { useParams, usePathname, useRouter } from "next/navigation";
@@ -34,41 +29,18 @@ const Navbar = () => {
       <div className="flex items-center justify-between lg:justify-center px-4 lg:px-23 py-4 ">
         {/* Logo */}
         <a href="/" className="flex items-center px-3">
-          <img
-            src="/assets/mediahub-logo.gif"
-            alt="Media Hub Logo"
-            className="w-30 h-20 lg:max-w-screen-md md:h-24 flex"
-          />
+          <img src="/assets/mediahub-logo.gif" alt="Media Hub Logo" className="w-30 h-20 lg:max-w-screen-md md:h-24 flex" />
         </a>
 
         {/* Mobile Menu Toggle */}
-        <button
-          className="text-black dark:text-white size-20 h-10 w-10 lg:hidden"
-          onClick={() => setMenuOpen(!menuOpen)}
-        >
+        <button className="text-black dark:text-white size-20 h-10 w-10 lg:hidden" onClick={() => setMenuOpen(!menuOpen)}>
           {menuOpen ? (
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="#000"
-                d="m13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"
-              />
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+              <path fill="#000" d="m13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z" />
             </svg>
           ) : (
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="#000"
-                d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2z"
-              />
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+              <path fill="#000" d="M4 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2z" />
             </svg>
           )}
         </button>
@@ -78,86 +50,38 @@ const Navbar = () => {
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <a className=" dark:text-white text-black flex flex-row justify-center items-center ml-5 cursor-pointer">
-                <svg
-                  className="mx-2 dark:"
-                  width="25"
-                  height="24"
-                  viewBox="0 0 25 24"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
+                <svg className="mx-2 dark:" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path
                     d="M20 7.5H5C4.6023 7.5004 4.221 7.65856 3.93978 7.93978C3.65856 8.221 3.5004 8.6023 3.5 9V19.5C3.5004 19.8977 3.65856 20.279 3.93978 20.5602C4.221 20.8414 4.6023 20.9996 5 21H20C20.3977 20.9996 20.779 20.8414 21.0602 20.5602C21.3414 20.279 21.4996 19.8977 21.5 19.5V9C21.4996 8.6023 21.3414 8.221 21.0602 7.93978C20.779 7.65856 20.3977 7.5004 20 7.5ZM10.25 17.25V11.25L15.5 14.25L10.25 17.25ZM5 4.5H20V6H5V4.5ZM6.5 1.5H18.5V3H6.5V1.5Z"
                     fill="currentColor"
                   />
                 </svg>
                 Konten
-                <svg
-                  className="flex items-center justify-center"
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="1em"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    fill="currentColor"
-                    fill-rule="evenodd"
-                    d="m6 7l6 6l6-6l2 2l-8 8l-8-8z"
-                  />
+                <svg className="flex items-center justify-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+                  <path fill="currentColor" fill-rule="evenodd" d="m6 7l6 6l6-6l2 2l-8 8l-8-8z" />
                 </svg>
               </a>
             </DropdownMenuTrigger>
-            <DropdownMenuContent
-              align="start"
-              className="p-0 rounded-md overflow-hidden"
-            >
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/video/filter", String(locale))
-                  )
-                }
-                className="flex items-start gap-1.5 p-2 hover:bg-white"
-              >
+            <DropdownMenuContent align="start" className="p-0 rounded-md overflow-hidden">
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/video/filter", String(locale)))} className="flex items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523]  flex flex-row justify-center items-center px-5 py-2">
                   <FiYoutube className="mr-2" />
                   Audio Visual
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/audio/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/audio/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523] flex flex-row justify-center items-center px-5 py-2">
                   <FiMusic className="mr-2" />
                   Audio
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/image/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/image/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523] flex flex-row justify-center items-center px-5 py-2">
                   <FiImage className="mr-2" />
                   Foto
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/document/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/document/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523] flex flex-row justify-center items-center px-5 py-2">
                   <FiFile className="mr-2" />
                   Teks
@@ -165,19 +89,9 @@ const Navbar = () => {
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
-          <Link
-            href={generateLocalizedPath("/schedule", String(locale))}
-            className="dark:text-white text-black font-medium flex flex-row items-center justify-center hover:text-gray-800"
-          >
+          <Link href={generateLocalizedPath("/schedule", String(locale))} className="dark:text-white text-black font-medium flex flex-row items-center justify-center hover:text-gray-800">
             <span>
-              <svg
-                className="mr-2"
-                width="25"
-                height="24"
-                viewBox="0 0 25 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
+              <svg className="mr-2" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                   d="M19.5 4H18.5V3C18.5 2.4 18.1 2 17.5 2C16.9 2 16.5 2.4 16.5 3V4H8.5V3C8.5 2.4 8.1 2 7.5 2C6.9 2 6.5 2.4 6.5 3V4H5.5C3.8 4 2.5 5.3 2.5 7V8H22.5V7C22.5 5.3 21.2 4 19.5 4ZM2.5 19C2.5 20.7 3.8 22 5.5 22H19.5C21.2 22 22.5 20.7 22.5 19V10H2.5V19ZM17.5 12C18.1 12 18.5 12.4 18.5 13C18.5 13.6 18.1 14 17.5 14C16.9 14 16.5 13.6 16.5 13C16.5 12.4 16.9 12 17.5 12ZM17.5 16C18.1 16 18.5 16.4 18.5 17C18.5 17.6 18.1 18 17.5 18C16.9 18 16.5 17.6 16.5 17C16.5 16.4 16.9 16 17.5 16ZM12.5 12C13.1 12 13.5 12.4 13.5 13C13.5 13.6 13.1 14 12.5 14C11.9 14 11.5 13.6 11.5 13C11.5 12.4 11.9 12 12.5 12ZM12.5 16C13.1 16 13.5 16.4 13.5 17C13.5 17.6 13.1 18 12.5 18C11.9 18 11.5 17.6 11.5 17C11.5 16.4 11.9 16 12.5 16ZM7.5 12C8.1 12 8.5 12.4 8.5 13C8.5 13.6 8.1 14 7.5 14C6.9 14 6.5 13.6 6.5 13C6.5 12.4 6.9 12 7.5 12ZM7.5 16C8.1 16 8.5 16.4 8.5 17C8.5 17.6 8.1 18 7.5 18C6.9 18 6.5 17.6 6.5 17C6.5 16.4 6.9 16 7.5 16Z"
                   fill="currentColor"
@@ -186,19 +100,9 @@ const Navbar = () => {
             </span>
             Jadwal
           </Link>
-          <Link
-            href={pathname?.includes("/in") ? `/indeks` : `${locale}/indeks`}
-            className="dark:text-white text-black flex flex-row items-center justify-center font-medium hover:text-gray-800"
-          >
+          <Link href={pathname?.includes("/in") ? `/indeks` : `${locale}/indeks`} className="dark:text-white text-black flex flex-row items-center justify-center font-medium hover:text-gray-800">
             <span>
-              <svg
-                className="mr-2"
-                width="25"
-                height="24"
-                viewBox="0 0 25 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
+              <svg className="mr-2" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                   fill-rule="evenodd"
                   clip-rule="evenodd"
@@ -215,10 +119,7 @@ const Navbar = () => {
           </Link>
           <div className="flex items-center space-x-1  ">
             <a href="https://tvradio.polri.go.id/">
-              <img
-                src="/assets/polriTv.png"
-                className="w-20 lg:max-w-screen-lg h-10 flex-auto "
-              />
+              <img src="/assets/polriTv.png" className="w-auto lg:max-w-screen-lg h-10 flex-auto " />
             </a>
           </div>
           <div className="relative inline-block text-left">
@@ -280,86 +181,38 @@ const Navbar = () => {
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <a className=" text-white flex flex-row items-center cursor-pointer">
-                <svg
-                  className="mr-2"
-                  width="25"
-                  height="24"
-                  viewBox="0 0 25 24"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
+                <svg className="mr-2" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path
                     d="M20 7.5H5C4.6023 7.5004 4.221 7.65856 3.93978 7.93978C3.65856 8.221 3.5004 8.6023 3.5 9V19.5C3.5004 19.8977 3.65856 20.279 3.93978 20.5602C4.221 20.8414 4.6023 20.9996 5 21H20C20.3977 20.9996 20.779 20.8414 21.0602 20.5602C21.3414 20.279 21.4996 19.8977 21.5 19.5V9C21.4996 8.6023 21.3414 8.221 21.0602 7.93978C20.779 7.65856 20.3977 7.5004 20 7.5ZM10.25 17.25V11.25L15.5 14.25L10.25 17.25ZM5 4.5H20V6H5V4.5ZM6.5 1.5H18.5V3H6.5V1.5Z"
                     fill="white"
                   />
                 </svg>
                 Konten
-                <svg
-                  className="flex items-center justify-center"
-                  xmlns="http://www.w3.org/2000/svg"
-                  width="1em"
-                  height="1em"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    fill="currentColor"
-                    fill-rule="evenodd"
-                    d="m6 7l6 6l6-6l2 2l-8 8l-8-8z"
-                  />
+                <svg className="flex items-center justify-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+                  <path fill="currentColor" fill-rule="evenodd" d="m6 7l6 6l6-6l2 2l-8 8l-8-8z" />
                 </svg>
               </a>
             </DropdownMenuTrigger>
-            <DropdownMenuContent
-              align="start"
-              className="p-0 rounded-md overflow-hidden"
-            >
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/video/filter", String(locale))
-                  )
-                }
-                className="flex items-start gap-1.5 p-2 hover:bg-white"
-              >
+            <DropdownMenuContent align="start" className="p-0 rounded-md overflow-hidden">
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/video/filter", String(locale)))} className="flex items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523]  flex flex-row justify-center items-center p-3">
                   <FiYoutube className="mr-2" />
                   Audio Visual
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/audio/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/audio/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523]  flex flex-row justify-center items-center p-3">
                   <FiMusic className="mr-2" />
                   Audio
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/image/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/image/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523] flex flex-row justify-center items-center p-3">
                   <FiImage className="mr-2" />
                   Foto
                 </span>
               </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() =>
-                  router.push(
-                    generateLocalizedPath("/document/filter", String(locale))
-                  )
-                }
-                className="flex place-items-start gap-1.5 p-2 hover:bg-white"
-              >
+              <DropdownMenuItem onClick={() => router.push(generateLocalizedPath("/document/filter", String(locale)))} className="flex place-items-start gap-1.5 p-2 hover:bg-white">
                 <span className="text-slate-600 hover:text-[#bb3523] flex flex-row justify-center items-center p-3">
                   <FiFile className="mr-2" />
                   Teks
@@ -367,19 +220,9 @@ const Navbar = () => {
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
-          <Link
-            href="#"
-            className="flex  text-white flex-row items-center font-medium hover:text-gray-800"
-          >
+          <Link href="#" className="flex  text-white flex-row items-center font-medium hover:text-gray-800">
             <span>
-              <svg
-                className="mr-2"
-                width="25"
-                height="24"
-                viewBox="0 0 25 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
+              <svg className="mr-2" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                   d="M19.5 4H18.5V3C18.5 2.4 18.1 2 17.5 2C16.9 2 16.5 2.4 16.5 3V4H8.5V3C8.5 2.4 8.1 2 7.5 2C6.9 2 6.5 2.4 6.5 3V4H5.5C3.8 4 2.5 5.3 2.5 7V8H22.5V7C22.5 5.3 21.2 4 19.5 4ZM2.5 19C2.5 20.7 3.8 22 5.5 22H19.5C21.2 22 22.5 20.7 22.5 19V10H2.5V19ZM17.5 12C18.1 12 18.5 12.4 18.5 13C18.5 13.6 18.1 14 17.5 14C16.9 14 16.5 13.6 16.5 13C16.5 12.4 16.9 12 17.5 12ZM17.5 16C18.1 16 18.5 16.4 18.5 17C18.5 17.6 18.1 18 17.5 18C16.9 18 16.5 17.6 16.5 17C16.5 16.4 16.9 16 17.5 16ZM12.5 12C13.1 12 13.5 12.4 13.5 13C13.5 13.6 13.1 14 12.5 14C11.9 14 11.5 13.6 11.5 13C11.5 12.4 11.9 12 12.5 12ZM12.5 16C13.1 16 13.5 16.4 13.5 17C13.5 17.6 13.1 18 12.5 18C11.9 18 11.5 17.6 11.5 17C11.5 16.4 11.9 16 12.5 16ZM7.5 12C8.1 12 8.5 12.4 8.5 13C8.5 13.6 8.1 14 7.5 14C6.9 14 6.5 13.6 6.5 13C6.5 12.4 6.9 12 7.5 12ZM7.5 16C8.1 16 8.5 16.4 8.5 17C8.5 17.6 8.1 18 7.5 18C6.9 18 6.5 17.6 6.5 17C6.5 16.4 6.9 16 7.5 16Z"
                   fill="white"
@@ -388,19 +231,9 @@ const Navbar = () => {
             </span>
             Jadwal
           </Link>
-          <Link
-            href="#"
-            className="flex text-white flex-row items-center font-medium hover:text-gray-800"
-          >
+          <Link href="#" className="flex text-white flex-row items-center font-medium hover:text-gray-800">
             <span>
-              <svg
-                className="mr-2"
-                width="25"
-                height="24"
-                viewBox="0 0 25 24"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
+              <svg className="mr-2" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path
                   fill-rule="evenodd"
                   clip-rule="evenodd"
@@ -417,28 +250,18 @@ const Navbar = () => {
           </div>
           <div className="flex items-center space-x-1 text-yellow-600 font-medium">
             <a href="https://tvradio.polri.go.id/">
-              <img
-                src="/assets/polriTv.png"
-                className="w-32 h-11 flex items-center"
-              />
+              <img src="/assets/polriTv.png" className="w-32 h-11 flex items-center" />
             </a>
           </div>
-          <select
-            className="w-full bg-transparent text-black border border-gray-300 py-1 px-2 rounded focus:outline-none"
-            defaultValue="Indonesia"
-          >
+          <select className="w-full bg-transparent text-black border border-gray-300 py-1 px-2 rounded focus:outline-none" defaultValue="Indonesia">
             <option>Indonesia</option>
             <option>English</option>
           </select>
           <div className="px-4 py-1 w-24">
-            <input
-              type="text"
-              placeholder="Pencarian"
-              className="border rounded-full text-sm text-gray-600"
-            />
+            <input type="text" placeholder="Pencarian" className="border rounded-full text-sm text-gray-600" />
           </div>
           <div className="flex flex-col space-y-2">
-            <Link href="/auth" className="w-full px-4 py-1 bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 md:flex">
+            <Link href="/in/auth" className="w-full px-4 py-1 bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 md:flex">
               Masuk
             </Link>
             <Link href="#" className="w-full px-4 py-1 border border-[#bb3523] text-[#bb3523] font-semibold rounded-md hover:bg-[#bb3523] md:flex hover:text-white">
diff --git a/components/landing-page/content-category.tsx b/components/landing-page/content-category.tsx
index 581a963c..a40ee784 100644
--- a/components/landing-page/content-category.tsx
+++ b/components/landing-page/content-category.tsx
@@ -9,7 +9,7 @@ const ContentCategory = () => {
   }, []);
   const initFetch = async () => {
     const response = await getCategoryData();
-    console.log("category",response);
+    console.log("category", response);
     setCategories(response?.data?.data?.content);
   };
 
@@ -30,6 +30,11 @@ const ContentCategory = () => {
           </Link>
         ))}
       </div>
+      <div className="flex items-center flex-row justify-center">
+        <Link href="#" className="border text-[#bb3523] text-sm lg:text-md px-4 py-1 gap-3 border-[#bb3523]">
+          LIHAT SEMUA
+        </Link>
+      </div>
     </div>
   );
 };
diff --git a/components/landing-page/new-content.tsx b/components/landing-page/new-content.tsx
index e5d668c3..9b667aa6 100644
--- a/components/landing-page/new-content.tsx
+++ b/components/landing-page/new-content.tsx
@@ -76,12 +76,6 @@ const NewContent = (props: { type: string }) => {
                           <h1 className="text-sm font-semibold truncate">{video?.title}</h1>
                           <p className="flex flex-row items-center text-sm gap-2">
                             {formatDateToIndonesian(new Date(video?.createdAt))} {video?.timezone ? video?.timezone : "WIB"} | <Icon icon="formkit:eye" width="15" height="15" /> {video.clickCount}{" "}
-                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20">
-                              <path
-                                fill="#f00"
-                                d="M7.707 10.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L11 11.586V6h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5v5.586zM9 4a1 1 0 0 1 2 0v2H9z"
-                              />
-                            </svg>{" "}
                           </p>
                         </div>
                       </Link>
@@ -140,12 +134,6 @@ const NewContent = (props: { type: string }) => {
                           <h1 className="text-sm font-semibold truncate">{image?.title}</h1>
                           <p className="flex flex-row items-center text-sm gap-2">
                             {formatDateToIndonesian(new Date(image?.createdAt))} {image?.timezone ? image?.timezone : "WIB"}| <Icon icon="formkit:eye" width="15" height="15" /> {image?.clickCount}{" "}
-                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20">
-                              <path
-                                fill="#f00"
-                                d="M7.707 10.293a1 1 0 1 0-1.414 1.414l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L11 11.586V6h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h5v5.586zM9 4a1 1 0 0 1 2 0v2H9z"
-                              />
-                            </svg>{" "}
                           </p>
                         </div>
                       </Link>
diff --git a/package-lock.json b/package-lock.json
index 71f0e2e6..f491eec4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -58,6 +58,7 @@
         "@types/js-cookie": "^3.0.6",
         "@types/qs": "^6.9.17",
         "@types/react-google-recaptcha": "^2.1.9",
+        "@types/react-html-parser": "^2.0.6",
         "@types/react-syntax-highlighter": "^15.5.13",
         "@vercel/analytics": "^1.3.1",
         "apexcharts": "^3.49.2",
@@ -77,7 +78,7 @@
         "framer-motion": "^11.12.0",
         "geojson": "^0.5.0",
         "google-map-react": "^2.2.1",
-        "html-react-parser": "^5.1.18",
+        "html-react-parser": "^5.2.0",
         "input-otp": "^1.2.4",
         "jodit-react": "^4.1.2",
         "jotai": "^2.9.3",
@@ -148,7 +149,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -1213,7 +1213,6 @@
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -1230,7 +1229,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -1242,7 +1240,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -1773,7 +1770,6 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1786,7 +1782,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -1795,7 +1790,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -1825,7 +1819,6 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
       "optional": true,
       "engines": {
         "node": ">=14"
@@ -3529,6 +3522,19 @@
         "@types/ms": "*"
       }
     },
+    "node_modules/@types/domhandler": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@types/domhandler/-/domhandler-2.4.5.tgz",
+      "integrity": "sha512-lANhC2grmFG1gBac/8sDAKdIXx+TzAdkJIAjEOSMA+qW3297ybACEbacJnG15aNYfrzDO6fdcoouokqAKsy6aQ=="
+    },
+    "node_modules/@types/domutils": {
+      "version": "1.7.8",
+      "resolved": "https://registry.npmjs.org/@types/domutils/-/domutils-1.7.8.tgz",
+      "integrity": "sha512-iZGboDV79ibrO3D625p9yD+VgmMDnyJocdIRJvu9Xz66R8SHfOY/XNgdjY5SFoFiLgILceVfSLt7IUhlk1Vhhg==",
+      "dependencies": {
+        "@types/domhandler": "^2.4.0"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -3561,6 +3567,30 @@
         "@types/unist": "^2"
       }
     },
+    "node_modules/@types/htmlparser2": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/@types/htmlparser2/-/htmlparser2-3.10.7.tgz",
+      "integrity": "sha512-ycBs4PNr9rY9XFFp4WkP+M1UcO49ahn0+9b24cmIY6KWy0w35rW0G8+JTTe9Rp6Wnyqn5SEHZrhCBMa0TIOxBw==",
+      "dependencies": {
+        "@types/domhandler": "^2.4.3",
+        "@types/domutils": "*",
+        "@types/node": "*",
+        "domhandler": "^2.4.0"
+      }
+    },
+    "node_modules/@types/htmlparser2/node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+    },
+    "node_modules/@types/htmlparser2/node_modules/domhandler": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+      "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+      "dependencies": {
+        "domelementtype": "1"
+      }
+    },
     "node_modules/@types/jquery": {
       "version": "3.5.32",
       "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.32.tgz",
@@ -3622,7 +3652,6 @@
       "version": "20.17.9",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.9.tgz",
       "integrity": "sha512-0JOXkRyLanfGPE2QRCwgxhzlBAvaRdCNMcvbd7jFfpmD4eEXll7LRwy5ymJmyeZqk7Nh7eD2LeUyQ68BbndmXw==",
-      "dev": true,
       "dependencies": {
         "undici-types": "~6.19.2"
       }
@@ -3655,7 +3684,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/react": "*"
       }
@@ -3674,6 +3703,15 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-html-parser": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/react-html-parser/-/react-html-parser-2.0.6.tgz",
+      "integrity": "sha512-xqo8u7iqr5eOIulM1BFAlpoBgdhVleLcDHySy8/k7Le9wgdRgZY1UdKtEcdlc2jMS8cqEx8+U4Mz/e5Ves66Fg==",
+      "dependencies": {
+        "@types/htmlparser2": "*",
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-syntax-highlighter": {
       "version": "15.5.13",
       "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.13.tgz",
@@ -3940,7 +3978,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3954,7 +3991,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -3968,14 +4004,12 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -4020,8 +4054,7 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -4312,14 +4345,12 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -4341,7 +4372,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -4390,7 +4420,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -4490,7 +4519,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -4514,7 +4542,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -4699,7 +4726,6 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
       "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -4723,7 +4749,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -5386,8 +5411,7 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
     },
     "node_modules/diff": {
       "version": "5.2.0",
@@ -5412,8 +5436,7 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -5501,8 +5524,7 @@
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
     },
     "node_modules/elkjs": {
       "version": "0.9.3",
@@ -5550,8 +5572,7 @@
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/enhanced-resolve": {
       "version": "5.17.1",
@@ -6394,7 +6415,6 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -6410,7 +6430,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -6434,7 +6453,6 @@
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -6478,7 +6496,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -6569,7 +6586,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
       "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "dev": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -6638,7 +6654,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -6791,7 +6806,6 @@
       "version": "10.3.10",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
       "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^2.3.5",
@@ -6813,7 +6827,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -6825,7 +6838,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -6834,7 +6846,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -7552,9 +7563,9 @@
       "dev": true
     },
     "node_modules/html-react-parser": {
-      "version": "5.1.19",
-      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.1.19.tgz",
-      "integrity": "sha512-ecjQg5KDhM+Yv3tRRfdp0fYSdSYHI1FQEDqou0g8NO7mXuoK8ksbYGRjeslqWO6QWX3PKREVWnC8VS1FSZaFHA==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-5.2.0.tgz",
+      "integrity": "sha512-t5IkGKTBYnjmYUzEV1RBT5twACepcf20u6Q0TylXQkb6NQKaBFSMebb/S/joxXrg8IHc+ROLirQIZc5DkD23hA==",
       "dependencies": {
         "domhandler": "5.0.3",
         "html-dom-parser": "5.0.11",
@@ -7562,8 +7573,8 @@
         "style-to-js": "1.1.16"
       },
       "peerDependencies": {
-        "@types/react": "0.14 || 15 || 16 || 17 || 18",
-        "react": "0.14 || 15 || 16 || 17 || 18"
+        "@types/react": "0.14 || 15 || 16 || 17 || 18 || 19",
+        "react": "0.14 || 15 || 16 || 17 || 18 || 19"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7801,7 +7812,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -7933,7 +7943,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7957,7 +7966,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -7981,7 +7989,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -8026,7 +8033,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -8275,7 +8281,6 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
       "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "dev": true,
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -8293,7 +8298,6 @@
       "version": "1.21.6",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
       "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -8552,7 +8556,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
       "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "dev": true,
       "engines": {
         "node": ">=14"
       },
@@ -8656,8 +8659,7 @@
     "node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
     },
     "node_modules/lucide-react": {
       "version": "0.390.0",
@@ -9371,7 +9373,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -10159,7 +10160,6 @@
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
       "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -10220,7 +10220,6 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -10269,7 +10268,6 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -10564,7 +10562,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10619,7 +10616,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -10918,7 +10914,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -10932,7 +10927,6 @@
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -10971,7 +10965,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -10983,7 +10976,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10992,7 +10984,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -11010,7 +11001,6 @@
       "version": "8.4.49",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
       "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -11038,7 +11028,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -11055,7 +11044,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -11074,7 +11062,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
       "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -11109,7 +11096,6 @@
       "version": "2.6.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
       "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
-      "dev": true,
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -11121,7 +11107,6 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
       "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -11146,7 +11131,6 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
       "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -11158,8 +11142,7 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "dev": true
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
     "node_modules/preact": {
       "version": "10.12.1",
@@ -11264,7 +11247,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -11776,7 +11758,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -11785,7 +11766,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -12207,7 +12187,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -12280,7 +12259,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -12472,7 +12450,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -12484,7 +12461,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -12521,7 +12497,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
       "engines": {
         "node": ">=14"
       },
@@ -12651,7 +12626,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -12669,7 +12643,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -12682,14 +12655,12 @@
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -12701,7 +12672,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -12837,7 +12807,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -12850,7 +12819,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -12955,7 +12923,6 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -12977,7 +12944,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -13151,7 +13117,6 @@
       "version": "3.4.16",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
       "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
-      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -13211,7 +13176,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -13220,7 +13184,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -13328,7 +13291,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -13386,8 +13348,7 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
     },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
@@ -13535,8 +13496,7 @@
     "node_modules/undici-types": {
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
-      "dev": true
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
     },
     "node_modules/unified": {
       "version": "10.1.2",
@@ -13866,8 +13826,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/uuid": {
       "version": "9.0.1",
@@ -14106,7 +14065,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -14213,7 +14171,6 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -14231,7 +14188,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -14247,14 +14203,12 @@
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -14268,7 +14222,6 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
       "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -14280,7 +14233,6 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -14292,7 +14244,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
diff --git a/package.json b/package.json
index a5ba0ee0..4ee8087b 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "@types/js-cookie": "^3.0.6",
     "@types/qs": "^6.9.17",
     "@types/react-google-recaptcha": "^2.1.9",
+    "@types/react-html-parser": "^2.0.6",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vercel/analytics": "^1.3.1",
     "apexcharts": "^3.49.2",
@@ -78,7 +79,7 @@
     "framer-motion": "^11.12.0",
     "geojson": "^0.5.0",
     "google-map-react": "^2.2.1",
-    "html-react-parser": "^5.1.18",
+    "html-react-parser": "^5.2.0",
     "input-otp": "^1.2.4",
     "jodit-react": "^4.1.2",
     "jotai": "^2.9.3",
diff --git a/public/assets/Icons-contact.png b/public/assets/Icons-contact.png
new file mode 100644
index 0000000000000000000000000000000000000000..316df877b588281e90198f5996ed3858e55679ea
GIT binary patch
literal 2762
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
QQUCw|07*qoM6N<$g8HEr(*OVf

literal 0
HcmV?d00001

diff --git a/public/assets/Icons-faqs.png b/public/assets/Icons-faqs.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5dbc04f08df7368e44a8d865a61b4feeefb3aa5
GIT binary patch
literal 2789
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

literal 0
HcmV?d00001

diff --git a/public/assets/Icons-feedback.png b/public/assets/Icons-feedback.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee2d1d3427f4b573c496f7d2218c15fd783977b6
GIT binary patch
literal 2431
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

literal 0
HcmV?d00001

diff --git a/public/assets/icon-privacy.png b/public/assets/icon-privacy.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd2f4465c7269563f0840a2caa894b447ce397f6
GIT binary patch
literal 3244
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

literal 0
HcmV?d00001

diff --git a/service/landing/landing.ts b/service/landing/landing.ts
index 1176bed4..32437893 100644
--- a/service/landing/landing.ts
+++ b/service/landing/landing.ts
@@ -8,6 +8,10 @@ export async function getCategoryData() {
   return await httpGetInterceptor(`media/categories/list/publish?enablePage=1&sort=desc&sortBy=updatedAt&size=12&type=`);
 }
 
-export async function getListContent(data:{sortBy: string, contentTypeId: string}) {
+export async function getListContent(data: { sortBy: string; contentTypeId: string }) {
   return await httpGetInterceptor(`media/public/list?enablePage=1&sort=desc&sortBy=${data.sortBy}&size=5&page=0&typeId=${data.contentTypeId}&title=&categoryId=&fileFormats=&tags=&group=&startDate=&endDate=&month=&year=`);
 }
+
+export async function getPrivacy() {
+  return await httpGetInterceptor(`general/privacy-policy/1`);
+}