fix: icon's not appearing on next js

src/app/projects/_components/nav.tsx

@@ -32,8 +32,12 @@ const menu = [
     href: '/projects?tag=React'
   },
   {
-    title: 'next.js',
-    href: '/projects?tag=Next.JS'
+    title: 'react-native',
+    href: '/projects?tag=React-Native'
+  },
+  {
+    title: 'next',
+    href: '/projects?tag=Next'
   },
   {
     title: 'html',

src/components/icons.tsx

@@ -104,6 +104,8 @@ export function getFileIcon(name: string) {
       return <Go />
     case 'react':
       return <React />
+    case 'react-native':
+      return <React />
     case 'next':
       return <Next />
     case 'html':

src/contents/projects/agenone.mdx

@@ -2,7 +2,7 @@
 title: "Agenone"
 summary: "Experience the epitome of digital innovation with Agenone, a dynamic agency landing website meticulously crafted using Next.js, Tailwind CSS, and GSAP technology. Dive into a visually stunning hero section, conveying the agency's core advantages, explore an exhaustive services segment showcasing their diverse offerings, grasp their expertise through an experience statistic, peruse a portfolio highlighting past triumphs, read glowing testimonials from satisfied clients, and find a compelling call-to-action beckoning potential clients to initiate contact. "
 image: "/projects/agenone.webp"
-technology: "Next.JS"
+technology: "Next"
 ---
 
 ![Agenone Preview](/projects/agenone.webp)

src/contents/projects/blue-bank.mdx

@@ -2,7 +2,7 @@
 title: "blue-bank"
 summary: "Blue Bank is a cutting-edge mobile banking application developed using React Native. It provides a seamless and secure banking experience, allowing users to perform various transactions, manage their accounts, and access essential banking services on the go. The app features QR code scanning, real-time balance tracking, secure authentication, and more, making it a comprehensive solution for modern banking needs."
 image: "/projects/blue-bank.webp"
-tag: "React Native"
+tag: "React-Native"
 ---
 
 ![Blue Bank Preview](/projects/blue-bank.webp)

src/contents/projects/clevis.mdx

@@ -2,7 +2,7 @@
 title: "Clevis"
 summary: "Clevis is a cutting-edge mobile application powered by React Native and enriched with the sleek design of Tailwind CSS. It revolutionizes everyday chores such as laundry and car repairs by providing a seamless and user-friendly experience. Users can easily order and schedule laundry services, select from a variety of options, and track their laundry in real-time. Additionally, Clevis allows users to request car repairs and connect with expert mechanics who come to their location for hassle-free service. The app offers live updates, transparency in service, a user-friendly interface, and customization options, making it a convenient solution for essential tasks."
 image: "/projects/clevis.webp"
-technology: "React Native"
+technology: "React-Native"
 ---
 ![Clevis Preview](/projects/clevis.webp)
 

src/contents/projects/fkm-mobilite.mdx

@@ -2,7 +2,7 @@
 title: "FKM-Mobilite"
 summary: "Explore the digital gateway to FKM Mobilité, a compassionate transportation company specializing in services for individuals with disabilities. Founded by Nadia Aftis and Bentaleb Khelil, parents who intimately understand the challenges of accessible transportation, FKM Mobilité is dedicated to ensuring safe, comfortable, and reliable transportation for all. Their mission is to facilitate the participation of people with disabilities in every aspect of life."
 image: "/projects/fkm-mobilite.webp"
-technology: "Next.JS"
+technology: "Next"
 ---
 
 ![FKM Mobilite Preview](/projects/fkm-mobilite.webp)

src/contents/projects/lapor-mas.mdx

@@ -2,7 +2,7 @@
 title: "Lapor-Mas"
 summary: "LaporMas (Laporan Masalah) is a pioneering initiative by PT PLN (Persero) UP2B DKI Jakarta & Banten designed to document and monitor the process of repairing damage to substations or bays within the company. This pilot project serves as an integral tool for efficiently managing and addressing issues related to the company's infrastructure. LaporMas aims to streamline the reporting and resolution process, contributing to the overall operational effectiveness of PT PLN (Persero) UP2B DKI Jakarta & Banten. Through this innovative approach, the company endeavors to enhance its responsiveness and ensure the seamless functioning of its critical facilities."
 image: "/projects/lapor-mas.webp"
-technology: "React Native"
+technology: "React-Native"
 ---
 
 ![LaporMas Preview](/projects/lapor-mas.webp)

src/contents/projects/nugsstudio.mdx

@@ -2,7 +2,7 @@
 title: "Nugsstudio"
 summary: "Nugsstudio is a groundbreaking online platform created by designer Andrie Nugi, empowering him to showcase and sell his unique font designs. Built with cutting-edge technologies like Next.js, tRPC, and p5.js, Nugsstudio offers a seamless and secure experience for both the creator and buyers."
 image: "/projects/nugsstudio.webp"
-technology: "Next.JS"
+technology: "Next"
 ---
 
 ![Agenone Preview](/projects/nugsstudio.webp)

src/contents/projects/pracsuite.mdx

@@ -2,7 +2,7 @@
 title: "PracSuite"
 summary: "PracSuite is a cloud-based practice management software designed for healthcare professionals. Built using Next.js, Tailwind CSS, and GSAP, this comprehensive software offers a wide range of features to streamline healthcare practices. It includes appointment booking, clinical notes, patient record management, online forms, and invoicing capabilities. PracSuite aims to enhance the efficiency and productivity of healthcare professionals while providing an improved experience for their patients."
 image: "/projects/pracsuite.webp"
-technology: "Next.JS"
+technology: "Next"
 ---
 
 ![Pracsuite Preview](/projects/pracsuite.webp)