diff --git a/.github/workflows/blank1.yml b/.github/workflows/blank1.yml
index 01502b13..e2c58b00 100644
--- a/.github/workflows/blank1.yml
+++ b/.github/workflows/blank1.yml
@@ -6,9 +6,9 @@ name: CI
 on:
   # Triggers the workflow on push or pull request events but only for the "main" branch
   push:
-    branches: [ "main" ]
+    branches: ['main']
   pull_request:
-    branches: [ "main" ]
+    branches: ['main']
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 00000000..a530b3d5
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,2 @@
+bun run lint
+bun run prettier
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..e8462529
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "bracketSameLine": false,
+  "bracketSpacing": true
+}
diff --git a/Providers.tsx b/Providers.tsx
index 3b923afb..acde1e22 100644
--- a/Providers.tsx
+++ b/Providers.tsx
@@ -1,16 +1,16 @@
-"use client";
-import { Toaster } from "react-hot-toast";
+'use client';
+import { Toaster } from 'react-hot-toast';
 
-import React from "react";
+import React from 'react';
 
 const Providers = ({ children }: { children: React.ReactNode }) => {
   return (
     <>
       <Toaster
         toastOptions={{
-          className: "",
+          className: '',
           style: {
-            fontSize: "17px",
+            fontSize: '17px',
           },
         }}
       />
@@ -19,4 +19,4 @@ const Providers = ({ children }: { children: React.ReactNode }) => {
   );
 };
 
-export default Providers;
\ No newline at end of file
+export default Providers;
diff --git a/README.md b/README.md
index 2ca49736..6e3b406c 100644
--- a/README.md
+++ b/README.md
@@ -51,7 +51,6 @@ As the above image shows, we documented each our test example in terms of test I
 
 ![errors in testing script](https://github.com/Kuzma02/Electronics-eCommerce-Shop-With-Admin-Dashboard-NextJS-NodeJS/assets/138793624/507fa099-2039-47ce-a38b-209166a8d5c4)
 
-
 <p>During the software testing process, we documented each error found in the error report form. As shown in the image above, each error has its own unique error ID and a detailed description of the error containing: date of identifying an error, date of troubleshooting an error, error priority, type of error, file name, testing phase.</p>
 
 <h3>6.1. Ad hoc testing</h3>
@@ -108,7 +107,6 @@ We have applied this method by examining the code after each new added functiona
 <h3>Is Next.js good for eCommerce?</h3>
 <p>Next.js is currently one of the best ways for developing custom eCommerce solutions. It’s benefits include improved performance, SEO-friendliness, easy development and deployment, excellent developer experience, and the ability to handle versatile and scalable projects. By leveraging Next.js, developers can create compelling web applications that deliver an exceptional user experience while maintaining optimal performance.</p>
 
-
 <h2>Step-by-step video instructions for running the app</h2>
 
 [https://www.youtube.com/watch?v=Ry0aOMws0gE](https://www.youtube.com/watch?v=Ry0aOMws0gE)
@@ -137,7 +135,6 @@ DATABASE_URL="mysql://username:password@localhost:3306/singitronic_nextjs"
 
 <p>8. Now you need to open your terminal of choice in the root folder of the project and write:</p>
 
-
 ```
 npm install
 ```
@@ -177,7 +174,6 @@ npm run dev
 
 <p>14. Open <a href="http://localhost:3000" target="_blank">http://localhost:3000</a> and see it live!</p>
 
-
 <h2>Project screenshots</h2>
 
 <h3>Home page</h3>
diff --git a/app/(dashboard)/admin/categories/[id]/page.tsx b/app/(dashboard)/admin/categories/[id]/page.tsx
index 8cba1ba4..37858fcd 100644
--- a/app/(dashboard)/admin/categories/[id]/page.tsx
+++ b/app/(dashboard)/admin/categories/[id]/page.tsx
@@ -1,10 +1,10 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import { useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { formatCategoryName } from "../../../../../utils/categoryFormating";
-import { convertCategoryNameToURLFriendly } from "../../../../../utils/categoryFormating";
+'use client';
+import { DashboardSidebar } from '@/components';
+import { useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { formatCategoryName } from '../../../../../utils/categoryFormating';
+import { convertCategoryNameToURLFriendly } from '../../../../../utils/categoryFormating';
 
 interface DashboardSingleCategoryProps {
   params: { id: number };
@@ -14,34 +14,34 @@ const DashboardSingleCategory = ({
   params: { id },
 }: DashboardSingleCategoryProps) => {
   const [categoryInput, setCategoryInput] = useState<{ name: string }>({
-    name: "",
+    name: '',
   });
   const router = useRouter();
 
   const deleteCategory = async () => {
     const requestOptions = {
-      method: "DELETE",
+      method: 'DELETE',
     };
     // sending API request for deleting a category
     fetch(`http://localhost:3001/api/categories/${id}`, requestOptions)
       .then((response) => {
         if (response.status === 204) {
-          toast.success("Category deleted successfully");
-          router.push("/admin/categories");
+          toast.success('Category deleted successfully');
+          router.push('/admin/categories');
         } else {
-          throw Error("There was an error deleting a category");
+          throw Error('There was an error deleting a category');
         }
       })
       .catch((error) => {
-        toast.error("There was an error deleting category");
+        toast.error('There was an error deleting category');
       });
   };
 
   const updateCategory = async () => {
     if (categoryInput.name.length > 0) {
       const requestOptions = {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           name: convertCategoryNameToURLFriendly(categoryInput.name),
         }),
@@ -52,15 +52,15 @@ const DashboardSingleCategory = ({
           if (response.status === 200) {
             return response.json();
           } else {
-            throw Error("Error updating a category");
+            throw Error('Error updating a category');
           }
         })
-        .then((data) => toast.success("Category successfully updated"))
+        .then((data) => toast.success('Category successfully updated'))
         .catch((error) => {
-          toast.error("There was an error while updating a category");
+          toast.error('There was an error while updating a category');
         });
     } else {
-      toast.error("For updating a category you must enter all values");
+      toast.error('For updating a category you must enter all values');
       return;
     }
   };
diff --git a/app/(dashboard)/admin/categories/new/page.tsx b/app/(dashboard)/admin/categories/new/page.tsx
index 7bd39cbd..5f4bf420 100644
--- a/app/(dashboard)/admin/categories/new/page.tsx
+++ b/app/(dashboard)/admin/categories/new/page.tsx
@@ -1,19 +1,19 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import React, { useState } from "react";
-import toast from "react-hot-toast";
-import { convertCategoryNameToURLFriendly } from "../../../../../utils/categoryFormating";
+'use client';
+import { DashboardSidebar } from '@/components';
+import React, { useState } from 'react';
+import toast from 'react-hot-toast';
+import { convertCategoryNameToURLFriendly } from '../../../../../utils/categoryFormating';
 
 const DashboardNewCategoryPage = () => {
   const [categoryInput, setCategoryInput] = useState({
-    name: "",
+    name: '',
   });
 
   const addNewCategory = () => {
     if (categoryInput.name.length > 0) {
       const requestOptions = {
-        method: "post",
-        headers: { "Content-Type": "application/json" },
+        method: 'post',
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           name: convertCategoryNameToURLFriendly(categoryInput.name),
         }),
@@ -24,20 +24,20 @@ const DashboardNewCategoryPage = () => {
           if (response.status === 201) {
             return response.json();
           } else {
-            throw Error("There was an error while creating category");
+            throw Error('There was an error while creating category');
           }
         })
         .then((data) => {
-          toast.success("Category added successfully");
+          toast.success('Category added successfully');
           setCategoryInput({
-            name: "",
+            name: '',
           });
         })
         .catch((error) => {
-          toast.error("There was an error while creating category");
+          toast.error('There was an error while creating category');
         });
     } else {
-      toast.error("You need to enter values to add a category");
+      toast.error('You need to enter values to add a category');
     }
   };
   return (
diff --git a/app/(dashboard)/admin/categories/page.tsx b/app/(dashboard)/admin/categories/page.tsx
index 4e4301c8..4a33edf6 100644
--- a/app/(dashboard)/admin/categories/page.tsx
+++ b/app/(dashboard)/admin/categories/page.tsx
@@ -1,16 +1,16 @@
-"use client";
-import { CustomButton, DashboardSidebar } from "@/components";
-import { nanoid } from "nanoid";
-import Link from "next/link";
-import React, { useEffect, useState } from "react";
-import { formatCategoryName } from "../../../../utils/categoryFormating";
+'use client';
+import { CustomButton, DashboardSidebar } from '@/components';
+import { nanoid } from 'nanoid';
+import Link from 'next/link';
+import React, { useEffect, useState } from 'react';
+import { formatCategoryName } from '../../../../utils/categoryFormating';
 
 const DashboardCategory = () => {
   const [categories, setCategories] = useState<Category[]>([]);
 
   // getting all categories to be displayed on the all categories page
   useEffect(() => {
-    fetch("http://localhost:3001/api/categories")
+    fetch('http://localhost:3001/api/categories')
       .then((res) => {
         return res.json();
       })
diff --git a/app/(dashboard)/admin/orders/[id]/page.tsx b/app/(dashboard)/admin/orders/[id]/page.tsx
index 4ee9b705..0c16a64c 100644
--- a/app/(dashboard)/admin/orders/[id]/page.tsx
+++ b/app/(dashboard)/admin/orders/[id]/page.tsx
@@ -1,11 +1,11 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import { isValidEmailAddressFormat, isValidNameOrLastname } from "@/lib/utils";
-import Image from "next/image";
-import Link from "next/link";
-import { useParams, useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
+'use client';
+import { DashboardSidebar } from '@/components';
+import { isValidEmailAddressFormat, isValidNameOrLastname } from '@/lib/utils';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useParams, useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
 
 interface OrderProduct {
   id: string;
@@ -29,20 +29,20 @@ interface OrderProduct {
 const AdminSingleOrder = () => {
   const [orderProducts, setOrderProducts] = useState<OrderProduct[]>();
   const [order, setOrder] = useState<Order>({
-    id: "",
-    adress: "",
-    apartment: "",
-    company: "",
-    dateTime: "",
-    email: "",
-    lastname: "",
-    name: "",
-    phone: "",
-    postalCode: "",
-    city: "",
-    country: "",
-    orderNotice: "",
-    status: "processing",
+    id: '',
+    adress: '',
+    apartment: '',
+    company: '',
+    dateTime: '',
+    email: '',
+    lastname: '',
+    name: '',
+    phone: '',
+    postalCode: '',
+    city: '',
+    country: '',
+    orderNotice: '',
+    status: 'processing',
     total: 0,
   });
   const params = useParams<{ id: string }>();
@@ -52,7 +52,7 @@ const AdminSingleOrder = () => {
   useEffect(() => {
     const fetchOrderData = async () => {
       const response = await fetch(
-        `http://localhost:3001/api/orders/${params?.id}`
+        `http://localhost:3001/api/orders/${params?.id}`,
       );
       const data: Order = await response.json();
       setOrder(data);
@@ -60,7 +60,7 @@ const AdminSingleOrder = () => {
 
     const fetchOrderProducts = async () => {
       const response = await fetch(
-        `http://localhost:3001/api/order-product/${params?.id}`
+        `http://localhost:3001/api/order-product/${params?.id}`,
       );
       const data: OrderProduct[] = await response.json();
       setOrderProducts(data);
@@ -84,57 +84,57 @@ const AdminSingleOrder = () => {
       order?.postalCode.length > 0
     ) {
       if (!isValidNameOrLastname(order?.name)) {
-        toast.error("You entered invalid name format");
+        toast.error('You entered invalid name format');
         return;
       }
 
       if (!isValidNameOrLastname(order?.lastname)) {
-        toast.error("You entered invalid lastname format");
+        toast.error('You entered invalid lastname format');
         return;
       }
 
       if (!isValidEmailAddressFormat(order?.email)) {
-        toast.error("You entered invalid email format");
+        toast.error('You entered invalid email format');
         return;
       }
 
       fetch(`http://localhost:3001/api/orders/${order?.id}`, {
-        method: "PUT", // or 'PUT'
+        method: 'PUT', // or 'PUT'
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify(order),
       })
         .then((response) => {
           if (response.status === 200) {
-            toast.success("Order updated successfuly");
+            toast.success('Order updated successfuly');
           } else {
-            throw Error("There was an error while updating a order");
+            throw Error('There was an error while updating a order');
           }
         })
         .catch((error) =>
-          toast.error("There was an error while updating a order")
+          toast.error('There was an error while updating a order'),
         );
     } else {
-      toast.error("Please fill all fields");
+      toast.error('Please fill all fields');
     }
   };
 
   const deleteOrder = async () => {
     const requestOptions = {
-      method: "DELETE",
+      method: 'DELETE',
     };
 
     fetch(
       `http://localhost:3001/api/order-product/${order?.id}`,
-      requestOptions
+      requestOptions,
     ).then((response) => {
       fetch(
         `http://localhost:3001/api/orders/${order?.id}`,
-        requestOptions
+        requestOptions,
       ).then((response) => {
-        toast.success("Order deleted successfully");
-        router.push("/admin/orders");
+        toast.success('Order deleted successfully');
+        router.push('/admin/orders');
       });
     });
   };
@@ -317,9 +317,9 @@ const AdminSingleOrder = () => {
                 setOrder({
                   ...order,
                   status: e.target.value as
-                    | "processing"
-                    | "delivered"
-                    | "canceled",
+                    | 'processing'
+                    | 'delivered'
+                    | 'canceled',
                 })
               }
             >
@@ -336,7 +336,7 @@ const AdminSingleOrder = () => {
             </div>
             <textarea
               className="textarea textarea-bordered h-24"
-              value={order?.orderNotice || ""}
+              value={order?.orderNotice || ''}
               onChange={(e) =>
                 setOrder({ ...order, orderNotice: e.target.value })
               }
@@ -347,7 +347,11 @@ const AdminSingleOrder = () => {
           {orderProducts?.map((product) => (
             <div className="flex items-center gap-x-4" key={product?.id}>
               <Image
-                src={product?.product?.mainImage ? `/${product?.product?.mainImage}` : "/product_placeholder.jpg"}
+                src={
+                  product?.product?.mainImage
+                    ? `/${product?.product?.mainImage}`
+                    : '/product_placeholder.jpg'
+                }
                 alt={product?.product?.title}
                 width={50}
                 height={50}
diff --git a/app/(dashboard)/admin/orders/page.tsx b/app/(dashboard)/admin/orders/page.tsx
index 8469374e..4c791603 100644
--- a/app/(dashboard)/admin/orders/page.tsx
+++ b/app/(dashboard)/admin/orders/page.tsx
@@ -1,6 +1,6 @@
-"use client";
-import { AdminOrders, DashboardSidebar } from "@/components";
-import React from "react";
+'use client';
+import { AdminOrders, DashboardSidebar } from '@/components';
+import React from 'react';
 
 const DashboardOrdersPage = () => {
   return (
diff --git a/app/(dashboard)/admin/page.tsx b/app/(dashboard)/admin/page.tsx
index 53f38374..08c49803 100644
--- a/app/(dashboard)/admin/page.tsx
+++ b/app/(dashboard)/admin/page.tsx
@@ -1,7 +1,7 @@
-"use client";
-import { DashboardSidebar, StatsElement } from "@/components";
-import React, { useEffect } from "react";
-import { FaArrowUp } from "react-icons/fa6";
+'use client';
+import { DashboardSidebar, StatsElement } from '@/components';
+import React, { useEffect } from 'react';
+import { FaArrowUp } from 'react-icons/fa6';
 
 const AdminDashboardPage = () => {
   return (
diff --git a/app/(dashboard)/admin/products/[id]/page.tsx b/app/(dashboard)/admin/products/[id]/page.tsx
index 8558b1ee..ef581b6c 100644
--- a/app/(dashboard)/admin/products/[id]/page.tsx
+++ b/app/(dashboard)/admin/products/[id]/page.tsx
@@ -1,14 +1,14 @@
-"use client";
-import { CustomButton, DashboardSidebar, SectionTitle } from "@/components";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
+'use client';
+import { DashboardSidebar } from '@/components';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import React, { useCallback, useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
 import {
   convertCategoryNameToURLFriendly as convertSlugToURLFriendly,
   formatCategoryName,
-} from "../../../../../utils/categoryFormating";
-import { nanoid } from "nanoid";
+} from '../../../../../utils/categoryFormating';
+import { nanoid } from 'nanoid';
 
 interface DashboardProductDetailsProps {
   params: { id: number };
@@ -25,44 +25,44 @@ const DashboardProductDetails = ({
   // functionality for deleting product
   const deleteProduct = async () => {
     const requestOptions = {
-      method: "DELETE",
+      method: 'DELETE',
     };
     fetch(`http://localhost:3001/api/products/${id}`, requestOptions)
       .then((response) => {
         if (response.status !== 204) {
           if (response.status === 400) {
             toast.error(
-              "Cannot delete the product because of foreign key constraint"
+              'Cannot delete the product because of foreign key constraint',
             );
           } else {
-            throw Error("There was an error while deleting product");
+            throw Error('There was an error while deleting product');
           }
         } else {
-          toast.success("Product deleted successfully");
-          router.push("/admin/products");
+          toast.success('Product deleted successfully');
+          router.push('/admin/products');
         }
       })
       .catch((error) => {
-        toast.error("There was an error while deleting product");
+        toast.error('There was an error while deleting product');
       });
   };
 
   // functionality for updating product
   const updateProduct = async () => {
     if (
-      product?.title === "" ||
-      product?.slug === "" ||
-      product?.price.toString() === "" ||
-      product?.manufacturer === "" ||
-      product?.description === ""
+      product?.title === '' ||
+      product?.slug === '' ||
+      product?.price.toString() === '' ||
+      product?.manufacturer === '' ||
+      product?.description === ''
     ) {
-      toast.error("You need to enter values in input fields");
+      toast.error('You need to enter values in input fields');
       return;
     }
 
     const requestOptions = {
-      method: "PUT",
-      headers: { "Content-Type": "application/json" },
+      method: 'PUT',
+      headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(product),
     };
     fetch(`http://localhost:3001/api/products/${id}`, requestOptions)
@@ -70,39 +70,39 @@ const DashboardProductDetails = ({
         if (response.status === 200) {
           return response.json();
         } else {
-          throw Error("There was an error while updating product");
+          throw Error('There was an error while updating product');
         }
       })
-      .then((data) => toast.success("Product successfully updated"))
+      .then((data) => toast.success('Product successfully updated'))
       .catch((error) => {
-        toast.error("There was an error while updating product");
+        toast.error('There was an error while updating product');
       });
   };
 
   // functionality for uploading main image file
   const uploadFile = async (file: any) => {
     const formData = new FormData();
-    formData.append("uploadedFile", file);
+    formData.append('uploadedFile', file);
 
     try {
-      const response = await fetch("http://localhost:3001/api/main-image", {
-        method: "POST",
+      const response = await fetch('http://localhost:3001/api/main-image', {
+        method: 'POST',
         body: formData,
       });
 
       if (response.ok) {
         const data = await response.json();
       } else {
-        toast.error("File upload unsuccessful.");
+        toast.error('File upload unsuccessful.');
       }
     } catch (error) {
-      console.error("There was an error while during request sending:", error);
-      toast.error("There was an error during request sending");
+      console.error('There was an error while during request sending:', error);
+      toast.error('There was an error during request sending');
     }
   };
 
   // fetching main product data including other product images
-  const fetchProductData = async () => {
+  const fetchProductData = useCallback(async () => {
     fetch(`http://localhost:3001/api/products/${id}`)
       .then((res) => {
         return res.json();
@@ -112,11 +112,11 @@ const DashboardProductDetails = ({
       });
 
     const imagesData = await fetch(`http://localhost:3001/api/images/${id}`, {
-      cache: "no-store",
+      cache: 'no-store',
     });
     const images = await imagesData.json();
     setOtherImages((currentImages) => images);
-  };
+  }, [id]);
 
   // fetching all product categories. It will be used for displaying categories in select category input
   const fetchCategories = async () => {
@@ -132,7 +132,7 @@ const DashboardProductDetails = ({
   useEffect(() => {
     fetchCategories();
     fetchProductData();
-  }, [id]);
+  }, [fetchProductData]);
 
   return (
     <div className="bg-white flex justify-start max-w-screen-2xl mx-auto xl:h-full max-xl:flex-col max-xl:gap-y-5">
@@ -265,7 +265,7 @@ const DashboardProductDetails = ({
             type="file"
             className="file-input file-input-bordered file-input-lg w-full max-w-sm"
             onChange={(e) => {
-              const selectedFile = e.target.files[0];
+              const selectedFile = e?.target?.files[0];
 
               if (selectedFile) {
                 uploadFile(selectedFile);
diff --git a/app/(dashboard)/admin/products/new/page.tsx b/app/(dashboard)/admin/products/new/page.tsx
index 6ad83134..9c60127d 100644
--- a/app/(dashboard)/admin/products/new/page.tsx
+++ b/app/(dashboard)/admin/products/new/page.tsx
@@ -1,9 +1,9 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import { convertCategoryNameToURLFriendly as convertSlugToURLFriendly } from "@/utils/categoryFormating";
-import Image from "next/image";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
+'use client';
+import { DashboardSidebar } from '@/components';
+import { convertCategoryNameToURLFriendly as convertSlugToURLFriendly } from '@/utils/categoryFormating';
+import Image from 'next/image';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
 
 const AddNewProduct = () => {
   const [product, setProduct] = useState<{
@@ -16,31 +16,31 @@ const AddNewProduct = () => {
     slug: string;
     categoryId: string;
   }>({
-    title: "",
+    title: '',
     price: 0,
-    manufacturer: "",
+    manufacturer: '',
     inStock: 1,
-    mainImage: "",
-    description: "",
-    slug: "",
-    categoryId: "",
+    mainImage: '',
+    description: '',
+    slug: '',
+    categoryId: '',
   });
   const [categories, setCategories] = useState<Category[]>([]);
 
   const addProduct = async () => {
     if (
-      product.title === "" ||
-      product.manufacturer === "" ||
-      product.description == "" ||
-      product.slug === ""
+      product.title === '' ||
+      product.manufacturer === '' ||
+      product.description == '' ||
+      product.slug === ''
     ) {
-      toast.error("Please enter values in input fields");
+      toast.error('Please enter values in input fields');
       return;
     }
 
     const requestOptions: any = {
-      method: "post",
-      headers: { "Content-Type": "application/json" },
+      method: 'post',
+      headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify(product),
     };
     fetch(`http://localhost:3001/api/products`, requestOptions)
@@ -48,44 +48,44 @@ const AddNewProduct = () => {
         if (response.status === 201) {
           return response.json();
         } else {
-          throw Error("There was an error while creating product");
+          throw Error('There was an error while creating product');
         }
       })
       .then((data) => {
-        toast.success("Product added successfully");
+        toast.success('Product added successfully');
         setProduct({
-          title: "",
+          title: '',
           price: 0,
-          manufacturer: "",
+          manufacturer: '',
           inStock: 1,
-          mainImage: "",
-          description: "",
-          slug: "",
-          categoryId: "",
+          mainImage: '',
+          description: '',
+          slug: '',
+          categoryId: '',
         });
       })
       .catch((error) => {
-        toast.error("There was an error while creating product");
+        toast.error('There was an error while creating product');
       });
   };
 
   const uploadFile = async (file: any) => {
     const formData = new FormData();
-    formData.append("uploadedFile", file);
+    formData.append('uploadedFile', file);
 
     try {
-      const response = await fetch("http://localhost:3001/api/main-image", {
-        method: "POST",
+      const response = await fetch('http://localhost:3001/api/main-image', {
+        method: 'POST',
         body: formData,
       });
 
       if (response.ok) {
         const data = await response.json();
       } else {
-        console.error("File upload unsuccessfull");
+        console.error('File upload unsuccessfull');
       }
     } catch (error) {
-      console.error("Error happend while sending request:", error);
+      console.error('Error happend while sending request:', error);
     }
   };
 
@@ -97,13 +97,13 @@ const AddNewProduct = () => {
       .then((data) => {
         setCategories(data);
         setProduct({
-          title: "",
+          title: '',
           price: 0,
-          manufacturer: "",
+          manufacturer: '',
           inStock: 1,
-          mainImage: "",
-          description: "",
-          slug: "",
+          mainImage: '',
+          description: '',
+          slug: '',
           categoryId: data[0]?.id,
         });
       });
diff --git a/app/(dashboard)/admin/products/page.tsx b/app/(dashboard)/admin/products/page.tsx
index d9abf099..12a20550 100644
--- a/app/(dashboard)/admin/products/page.tsx
+++ b/app/(dashboard)/admin/products/page.tsx
@@ -1,16 +1,16 @@
-"use client";
+'use client';
 import {
   CustomButton,
   DashboardProductTable,
   DashboardSidebar,
-} from "@/components";
-import React from "react";
+} from '@/components';
+import React from 'react';
 
 const DashboardProducts = () => {
   return (
     <div className="bg-white flex justify-start max-w-screen-2xl mx-auto h-full max-xl:flex-col max-xl:h-fit max-xl:gap-y-4">
       <DashboardSidebar />
-        <DashboardProductTable />
+      <DashboardProductTable />
     </div>
   );
 };
diff --git a/app/(dashboard)/admin/users/[id]/page.tsx b/app/(dashboard)/admin/users/[id]/page.tsx
index 937b3009..dfae40d7 100644
--- a/app/(dashboard)/admin/users/[id]/page.tsx
+++ b/app/(dashboard)/admin/users/[id]/page.tsx
@@ -1,9 +1,9 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { useRouter } from "next/navigation";
-import { isValidEmailAddressFormat } from "@/lib/utils";
+'use client';
+import { DashboardSidebar } from '@/components';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { useRouter } from 'next/navigation';
+import { isValidEmailAddressFormat } from '@/lib/utils';
 
 interface DashboardUserDetailsProps {
   params: { id: number };
@@ -17,27 +17,27 @@ const DashboardSingleUserPage = ({
     newPassword: string;
     role: string;
   }>({
-    email: "",
-    newPassword: "",
-    role: "",
+    email: '',
+    newPassword: '',
+    role: '',
   });
   const router = useRouter();
 
   const deleteUser = async () => {
     const requestOptions = {
-      method: "DELETE",
+      method: 'DELETE',
     };
     fetch(`http://localhost:3001/api/users/${id}`, requestOptions)
       .then((response) => {
         if (response.status === 204) {
-          toast.success("User deleted successfully");
-          router.push("/admin/users");
+          toast.success('User deleted successfully');
+          router.push('/admin/users');
         } else {
-          throw Error("There was an error while deleting user");
+          throw Error('There was an error while deleting user');
         }
       })
       .catch((error) => {
-        toast.error("There was an error while deleting user");
+        toast.error('There was an error while deleting user');
       });
   };
 
@@ -48,14 +48,14 @@ const DashboardSingleUserPage = ({
       userInput.newPassword.length > 0
     ) {
       if (!isValidEmailAddressFormat(userInput.email)) {
-        toast.error("You entered invalid email address format");
+        toast.error('You entered invalid email address format');
         return;
       }
 
       if (userInput.newPassword.length > 7) {
         const requestOptions = {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
+          method: 'PUT',
+          headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({
             email: userInput.email,
             password: userInput.newPassword,
@@ -67,19 +67,19 @@ const DashboardSingleUserPage = ({
             if (response.status === 200) {
               return response.json();
             } else {
-              throw Error("Error while updating user");
+              throw Error('Error while updating user');
             }
           })
-          .then((data) => toast.success("User successfully updated"))
+          .then((data) => toast.success('User successfully updated'))
           .catch((error) => {
-            toast.error("There was an error while updating user");
+            toast.error('There was an error while updating user');
           });
       } else {
-        toast.error("Password must be longer than 7 characters");
+        toast.error('Password must be longer than 7 characters');
         return;
       }
     } else {
-      toast.error("For updating a user you must enter all values");
+      toast.error('For updating a user you must enter all values');
       return;
     }
   };
@@ -93,7 +93,7 @@ const DashboardSingleUserPage = ({
       .then((data) => {
         setUserInput({
           email: data?.email,
-          newPassword: "",
+          newPassword: '',
           role: data?.role,
         });
       });
diff --git a/app/(dashboard)/admin/users/new/page.tsx b/app/(dashboard)/admin/users/new/page.tsx
index 155c3ef3..867f1727 100644
--- a/app/(dashboard)/admin/users/new/page.tsx
+++ b/app/(dashboard)/admin/users/new/page.tsx
@@ -1,14 +1,14 @@
-"use client";
-import { DashboardSidebar } from "@/components";
-import { isValidEmailAddressFormat } from "@/lib/utils";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
+'use client';
+import { DashboardSidebar } from '@/components';
+import { isValidEmailAddressFormat } from '@/lib/utils';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
 
 const DashboardCreateNewUser = () => {
   const [userInput, setUserInput] = useState({
-    email: "",
-    password: "",
-    role: "user",
+    email: '',
+    password: '',
+    role: 'user',
   });
 
   const addNewUser = () => {
@@ -18,41 +18,40 @@ const DashboardCreateNewUser = () => {
       userInput.password.length > 0
     ) {
       if (!isValidEmailAddressFormat(userInput.email)) {
-        toast.error("You entered invalid email address format");
+        toast.error('You entered invalid email address format');
         return;
       }
 
       if (userInput.password.length > 7) {
         const requestOptions: any = {
-          method: "post",
-          headers: { "Content-Type": "application/json" },
+          method: 'post',
+          headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify(userInput),
         };
         fetch(`http://localhost:3001/api/users`, requestOptions)
           .then((response) => {
-            if(response.status === 201){
+            if (response.status === 201) {
               return response.json();
-
-            }else{
-              
-              throw Error("Error while creating user");
+            } else {
+              throw Error('Error while creating user');
             }
           })
           .then((data) => {
-            toast.success("User added successfully");
+            toast.success('User added successfully');
             setUserInput({
-              email: "",
-              password: "",
-              role: "user",
+              email: '',
+              password: '',
+              role: 'user',
             });
-          }).catch(error => {
-            toast.error("Error while creating user");
+          })
+          .catch((error) => {
+            toast.error('Error while creating user');
           });
       } else {
-        toast.error("Password must be longer than 7 characters");
+        toast.error('Password must be longer than 7 characters');
       }
     } else {
-      toast.error("You must enter all input values to add a user");
+      toast.error('You must enter all input values to add a user');
     }
   };
 
diff --git a/app/(dashboard)/admin/users/page.tsx b/app/(dashboard)/admin/users/page.tsx
index 69b39186..0e796a5f 100644
--- a/app/(dashboard)/admin/users/page.tsx
+++ b/app/(dashboard)/admin/users/page.tsx
@@ -1,15 +1,15 @@
-"use client";
-import { CustomButton, DashboardSidebar } from "@/components";
-import { nanoid } from "nanoid";
-import Link from "next/link";
-import React, { useEffect, useState } from "react";
+'use client';
+import { CustomButton, DashboardSidebar } from '@/components';
+import { nanoid } from 'nanoid';
+import Link from 'next/link';
+import React, { useEffect, useState } from 'react';
 
 const DashboardUsers = () => {
   const [users, setUsers] = useState<User[]>([]);
 
   useEffect(() => {
     // sending API request for all users
-    fetch("http://localhost:3001/api/users")
+    fetch('http://localhost:3001/api/users')
       .then((res) => {
         return res.json();
       })
diff --git a/app/(dashboard)/layout.tsx b/app/(dashboard)/layout.tsx
index 52fc7f21..61e2c8cc 100644
--- a/app/(dashboard)/layout.tsx
+++ b/app/(dashboard)/layout.tsx
@@ -1,7 +1,7 @@
-import { useSession } from "next-auth/react";
-import { getServerSession } from "next-auth/next";
-import { redirect } from "next/navigation";
-import toast from "react-hot-toast";
+import { useSession } from 'next-auth/react';
+import { getServerSession } from 'next-auth/next';
+import { redirect } from 'next/navigation';
+import toast from 'react-hot-toast';
 
 export default async function Layout({
   children,
@@ -13,16 +13,16 @@ export default async function Layout({
   } | null = await getServerSession();
 
   if (!session) {
-    redirect("/");
+    redirect('/');
   }
 
   let email: string = await session?.user?.email;
-  
+
   const res = await fetch(`http://localhost:3001/api/users/email/${email}`);
   const data = await res.json();
   // redirecting user to the home page if not admin
-  if (data.role === "user") {
-    redirect("/");
+  if (data.role === 'user') {
+    redirect('/');
   }
 
   return <>{children}</>;
diff --git a/app/_zustand/paginationStore.ts b/app/_zustand/paginationStore.ts
index 530425ac..009e9cdc 100644
--- a/app/_zustand/paginationStore.ts
+++ b/app/_zustand/paginationStore.ts
@@ -1,4 +1,4 @@
-import { create } from "zustand";
+import { create } from 'zustand';
 
 export type State = {
   page: number;
@@ -23,7 +23,7 @@ export const usePaginationStore = create<State & Actions>((set) => ({
         state.page = state.page - 1;
         return { page: state.page };
       }
-      return {page: 1};
+      return { page: 1 };
     });
   },
 }));
diff --git a/app/_zustand/sortStore.ts b/app/_zustand/sortStore.ts
index e5efc9d2..770beead 100644
--- a/app/_zustand/sortStore.ts
+++ b/app/_zustand/sortStore.ts
@@ -1,4 +1,4 @@
-import { create } from "zustand";
+import { create } from 'zustand';
 
 export type State = {
   sortBy: string;
@@ -9,7 +9,7 @@ export type Actions = {
 };
 
 export const useSortStore = create<State & Actions>((set) => ({
-  sortBy: "defaultSort",
+  sortBy: 'defaultSort',
   changeSortBy: (mode: string) => {
     set((state) => {
       return { sortBy: mode };
diff --git a/app/_zustand/store.ts b/app/_zustand/store.ts
index 05ea216d..0d9876d1 100644
--- a/app/_zustand/store.ts
+++ b/app/_zustand/store.ts
@@ -1,5 +1,5 @@
-import { create } from "zustand";
-import { persist, createJSONStorage } from "zustand/middleware";
+import { create } from 'zustand';
+import { persist, createJSONStorage } from 'zustand/middleware';
 
 export type ProductInCart = {
   id: string;
@@ -32,7 +32,7 @@ export const useProductStore = create<State & Actions>()(
       addToCart: (newProduct) => {
         set((state) => {
           const cartItem = state.products.find(
-            (item) => item.id === newProduct.id
+            (item) => item.id === newProduct.id,
           );
           if (!cartItem) {
             return { products: [...state.products, newProduct] };
@@ -48,7 +48,6 @@ export const useProductStore = create<State & Actions>()(
       },
       clearCart: () => {
         set((state: any) => {
-          
           return {
             products: [],
             allQuantity: 0,
@@ -59,7 +58,7 @@ export const useProductStore = create<State & Actions>()(
       removeFromCart: (id) => {
         set((state) => {
           state.products = state.products.filter(
-            (product: ProductInCart) => product.id !== id
+            (product: ProductInCart) => product.id !== id,
           );
           return { products: state.products };
         });
@@ -100,8 +99,8 @@ export const useProductStore = create<State & Actions>()(
       },
     }),
     {
-      name: "products-storage", // name of the item in the storage (must be unique)
+      name: 'products-storage', // name of the item in the storage (must be unique)
       storage: createJSONStorage(() => sessionStorage), // (optional) by default, 'localStorage' is used
-    }
-  )
+    },
+  ),
 );
diff --git a/app/_zustand/wishlistStore.ts b/app/_zustand/wishlistStore.ts
index 488fcc37..fcea067e 100644
--- a/app/_zustand/wishlistStore.ts
+++ b/app/_zustand/wishlistStore.ts
@@ -1,4 +1,4 @@
-import { create } from "zustand";
+import { create } from 'zustand';
 
 export type State = {
   wishlist: ProductInWishlist[];
@@ -17,13 +17,19 @@ export const useWishlistStore = create<State & Actions>((set) => ({
   addToWishlist: (product) => {
     set((state) => {
       const productInWishlist = state.wishlist.find(
-        (item) => product.id === item.id
+        (item) => product.id === item.id,
       );
 
       if (productInWishlist === undefined) {
-        return { wishlist: [...state.wishlist, product], wishQuantity: state.wishlist.length };
+        return {
+          wishlist: [...state.wishlist, product],
+          wishQuantity: state.wishlist.length,
+        };
       } else {
-        return { wishlist: [...state.wishlist], wishQuantity: state.wishlist.length };
+        return {
+          wishlist: [...state.wishlist],
+          wishQuantity: state.wishlist.length,
+        };
       }
     });
   },
@@ -32,15 +38,21 @@ export const useWishlistStore = create<State & Actions>((set) => ({
       const productInWishlist = state.wishlist.find((item) => id === item.id);
 
       if (productInWishlist === undefined) {
-        return { wishlist: [...state.wishlist], wishQuantity: state.wishlist.length };
+        return {
+          wishlist: [...state.wishlist],
+          wishQuantity: state.wishlist.length,
+        };
       } else {
         const newWishlist = state.wishlist.filter((item) => item.id !== id);
-        return { wishlist: [...newWishlist], wishQuantity: state.wishlist.length };
+        return {
+          wishlist: [...newWishlist],
+          wishQuantity: state.wishlist.length,
+        };
       }
     });
   },
   setWishlist: (wishlist: ProductInWishlist[]) => {
-    set((state) => {      
+    set((state) => {
       return { wishlist: [...wishlist], wishQuantity: wishlist.length };
     });
   },
diff --git a/app/actions/index.ts b/app/actions/index.ts
index dc42df84..5c106f0c 100644
--- a/app/actions/index.ts
+++ b/app/actions/index.ts
@@ -1,14 +1,13 @@
-'use server'
+'use server';
 
-import { revalidateTag } from "next/cache";
+import { revalidateTag } from 'next/cache';
 
-export async function deleteWishItem(id: string){
+export async function deleteWishItem(id: string) {
   await fetch(`http://localhost:3001/api/wishlist/${id}`, {
-    method: "DELETE",
+    method: 'DELETE',
   });
 }
 
-
 // import { redirect } from 'next/navigation'
 
 // export async function sortCars(formData: string) {
@@ -19,7 +18,7 @@ export async function deleteWishItem(id: string){
 //     case "newestSort":
 //       redirect("/cars?sort=newestCars");
 //       break;
-    
+
 //     case "oldestSort":
 //       redirect("/cars?sort=oldestCars");
 //       break;
@@ -31,7 +30,7 @@ export async function deleteWishItem(id: string){
 //     case "highPriceSort":
 //       redirect("/cars?sort=highestPrice");
 //       break;
-  
+
 //     default:
 //       redirect("/cars");
 //       break;
@@ -42,7 +41,6 @@ export async function deleteWishItem(id: string){
 //   redirect(`/cars?condition=${formData.get("conditions") || "all"}&transmission=${formData.get("transmissions") || 'all'}&fuel=${formData.get("fuels") || 'all'}`);
 // }
 
-
 // export async function filterAndSortCars(formData: FormData){
 //   const sort = formData.get("sort");
 //   let sortQuery = "";
@@ -53,7 +51,7 @@ export async function deleteWishItem(id: string){
 //     case "newestSort":
 //       sortQuery = "&sort=newestCars";
 //       break;
-    
+
 //     case "oldestSort":
 //       sortQuery = "&sort=oldestCars";
 //       break;
@@ -65,13 +63,13 @@ export async function deleteWishItem(id: string){
 //     case "highPriceSort":
 //       sortQuery = "&sort=highestPrice";
 //       break;
-  
+
 //     default:
 //       sortQuery = "";
 //       break;
 //   }
 //   redirect(`/products?filter=no${sortQuery}`);
 
-  // za kasnije kada dodjem do filtera
+// za kasnije kada dodjem do filtera
 //   redirect(`/products?condition=${formData.get("conditions") || "all"}&transmission=${formData.get("transmissions") || 'all'}&fuel=${formData.get("fuels") || 'all'}${sortQuery}`);
-// }
\ No newline at end of file
+// }
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
index 3e283ec0..66302474 100644
--- a/app/api/auth/[...nextauth]/route.ts
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -1,24 +1,23 @@
-import NextAuth from "next-auth";
-import { Account, User as AuthUser } from "next-auth";
-import GithubProvider from "next-auth/providers/github";
-import CredentialsProvider from "next-auth/providers/credentials";
-import GoogleProvider from "next-auth/providers/google";
-import bcrypt from "bcryptjs";
-import prisma from "@/utils/db";
-import { nanoid } from "nanoid";
+import NextAuth from 'next-auth';
+import { Account, User as AuthUser } from 'next-auth';
+import GithubProvider from 'next-auth/providers/github';
+import CredentialsProvider from 'next-auth/providers/credentials';
+import GoogleProvider from 'next-auth/providers/google';
+import bcrypt from 'bcryptjs';
+import prisma from '@/utils/db';
+import { nanoid } from 'nanoid';
 
 export const authOptions: any = {
   // Configure one or more authentication providers
   providers: [
     CredentialsProvider({
-      id: "credentials",
-      name: "Credentials",
+      id: 'credentials',
+      name: 'Credentials',
       credentials: {
-        email: { label: "Email", type: "text" },
-        password: { label: "Password", type: "password" },
+        email: { label: 'Email', type: 'text' },
+        password: { label: 'Password', type: 'password' },
       },
       async authorize(credentials: any) {
-
         try {
           const user = await prisma.user.findFirst({
             where: {
@@ -28,7 +27,7 @@ export const authOptions: any = {
           if (user) {
             const isPasswordCorrect = await bcrypt.compare(
               credentials.password,
-              user.password!
+              user.password!,
             );
             if (isPasswordCorrect) {
               return user;
@@ -38,7 +37,7 @@ export const authOptions: any = {
           throw new Error(err);
         }
       },
-    })
+    }),
     // GithubProvider({
     //   clientId: process.env.GITHUB_ID ?? "",
     //   clientSecret: process.env.GITHUB_SECRET ?? "",
@@ -51,7 +50,7 @@ export const authOptions: any = {
   ],
   callbacks: {
     async signIn({ user, account }: { user: AuthUser; account: Account }) {
-      if (account?.provider == "credentials") {
+      if (account?.provider == 'credentials') {
         return true;
       }
       // if (account?.provider == "github") {
diff --git a/app/api/register/route.ts b/app/api/register/route.ts
index 3e52474b..3fcd3f41 100644
--- a/app/api/register/route.ts
+++ b/app/api/register/route.ts
@@ -1,7 +1,7 @@
-import prisma from "@/utils/db";
-import bcrypt from "bcryptjs";
-import { nanoid } from "nanoid";
-import { NextResponse } from "next/server";
+import prisma from '@/utils/db';
+import bcrypt from 'bcryptjs';
+import { nanoid } from 'nanoid';
+import { NextResponse } from 'next/server';
 
 export const POST = async (request: any) => {
   const { email, password } = await request.json();
@@ -9,7 +9,7 @@ export const POST = async (request: any) => {
   const existingUser = await prisma.user.findFirst({ where: { email } });
 
   if (existingUser) {
-    return new NextResponse("Email is already in use", { status: 400 });
+    return new NextResponse('Email is already in use', { status: 400 });
   }
 
   const hashedPassword = await bcrypt.hash(password, 5);
@@ -17,12 +17,12 @@ export const POST = async (request: any) => {
   try {
     await prisma.user.create({
       data: {
-        id: nanoid() + "",
+        id: nanoid() + '',
         email,
         password: hashedPassword,
       },
     });
-    return new NextResponse("user is registered", { status: 200 });
+    return new NextResponse('user is registered', { status: 200 });
   } catch (err: any) {
     return new NextResponse(err, {
       status: 500,
diff --git a/app/cart/page.tsx b/app/cart/page.tsx
index 67b0b219..c617f30b 100644
--- a/app/cart/page.tsx
+++ b/app/cart/page.tsx
@@ -1,10 +1,7 @@
-
-import {
-  SectionTitle
-} from "@/components";
-import { Loader } from "@/components/Loader";
-import { CartModule } from "@/components/modules/cart";
-import { Suspense } from "react";
+import { SectionTitle } from '@/components';
+import { Loader } from '@/components/Loader';
+import { CartModule } from '@/components/modules/cart';
+import { Suspense } from 'react';
 
 const CartPage = () => {
   return (
diff --git a/app/checkout/page.tsx b/app/checkout/page.tsx
index 0b4ce5f7..ae53bbf4 100644
--- a/app/checkout/page.tsx
+++ b/app/checkout/page.tsx
@@ -1,29 +1,35 @@
-"use client";
-import { SectionTitle } from "@/components";
-import { useProductStore } from "../_zustand/store";
-import Image from "next/image";
-import { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { useRouter } from "next/navigation";
-import { isValidCardNumber, isValidCreditCardCVVOrCVC, isValidCreditCardExpirationDate, isValidEmailAddressFormat, isValidNameOrLastname } from "@/lib/utils";
+'use client';
+import { SectionTitle } from '@/components';
+import { useProductStore } from '../_zustand/store';
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { useRouter } from 'next/navigation';
+import {
+  isValidCardNumber,
+  isValidCreditCardCVVOrCVC,
+  isValidCreditCardExpirationDate,
+  isValidEmailAddressFormat,
+  isValidNameOrLastname,
+} from '@/lib/utils';
 
 const CheckoutPage = () => {
   const [checkoutForm, setCheckoutForm] = useState({
-    name: "",
-    lastname: "",
-    phone: "",
-    email: "",
-    cardName: "",
-    cardNumber: "",
-    expirationDate: "",
-    cvc: "",
-    company: "",
-    adress: "",
-    apartment: "",
-    city: "",
-    country: "",
-    postalCode: "",
-    orderNotice: "",
+    name: '',
+    lastname: '',
+    phone: '',
+    email: '',
+    cardName: '',
+    cardNumber: '',
+    expirationDate: '',
+    cvc: '',
+    company: '',
+    adress: '',
+    apartment: '',
+    city: '',
+    country: '',
+    postalCode: '',
+    orderNotice: '',
   });
   const { products, total, clearCart } = useProductStore();
   const router = useRouter();
@@ -45,47 +51,47 @@ const CheckoutPage = () => {
       checkoutForm.postalCode.length > 0
     ) {
       if (!isValidNameOrLastname(checkoutForm.name)) {
-        toast.error("You entered invalid format for name");
+        toast.error('You entered invalid format for name');
         return;
       }
 
       if (!isValidNameOrLastname(checkoutForm.lastname)) {
-        toast.error("You entered invalid format for lastname");
+        toast.error('You entered invalid format for lastname');
         return;
       }
 
       if (!isValidEmailAddressFormat(checkoutForm.email)) {
-        toast.error("You entered invalid format for email address");
+        toast.error('You entered invalid format for email address');
         return;
       }
 
       if (!isValidNameOrLastname(checkoutForm.cardName)) {
-        toast.error("You entered invalid format for card name");
+        toast.error('You entered invalid format for card name');
         return;
       }
 
       if (!isValidCardNumber(checkoutForm.cardNumber)) {
-        toast.error("You entered invalid format for credit card number");
+        toast.error('You entered invalid format for credit card number');
         return;
       }
 
       if (!isValidCreditCardExpirationDate(checkoutForm.expirationDate)) {
         toast.error(
-          "You entered invalid format for credit card expiration date"
+          'You entered invalid format for credit card expiration date',
         );
         return;
       }
 
       if (!isValidCreditCardCVVOrCVC(checkoutForm.cvc)) {
-        toast.error("You entered invalid format for credit card CVC or CVV");
+        toast.error('You entered invalid format for credit card CVC or CVV');
         return;
       }
 
       // sending API request for creating a order
-      const response = fetch("http://localhost:3001/api/orders", {
-        method: "POST",
+      const response = fetch('http://localhost:3001/api/orders', {
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify({
           name: checkoutForm.name,
@@ -96,7 +102,7 @@ const CheckoutPage = () => {
           adress: checkoutForm.adress,
           apartment: checkoutForm.apartment,
           postalCode: checkoutForm.postalCode,
-          status: "processing",
+          status: 'processing',
           total: total,
           city: checkoutForm.city,
           country: checkoutForm.country,
@@ -114,43 +120,43 @@ const CheckoutPage = () => {
         })
         .then(() => {
           setCheckoutForm({
-            name: "",
-            lastname: "",
-            phone: "",
-            email: "",
-            cardName: "",
-            cardNumber: "",
-            expirationDate: "",
-            cvc: "",
-            company: "",
-            adress: "",
-            apartment: "",
-            city: "",
-            country: "",
-            postalCode: "",
-            orderNotice: "",
+            name: '',
+            lastname: '',
+            phone: '',
+            email: '',
+            cardName: '',
+            cardNumber: '',
+            expirationDate: '',
+            cvc: '',
+            company: '',
+            adress: '',
+            apartment: '',
+            city: '',
+            country: '',
+            postalCode: '',
+            orderNotice: '',
           });
           clearCart();
-          toast.success("Order created successfuly");
+          toast.success('Order created successfuly');
           setTimeout(() => {
-            router.push("/");
+            router.push('/');
           }, 1000);
         });
     } else {
-      toast.error("You need to enter values in the input fields");
+      toast.error('You need to enter values in the input fields');
     }
   };
 
   const addOrderProduct = async (
     orderId: string,
     productId: string,
-    productQuantity: number
+    productQuantity: number,
   ) => {
     // sending API POST request for the table customer_order_product that does many to many relatioship for order and product
-    const response = await fetch("http://localhost:3001/api/order-product", {
-      method: "POST", // or 'PUT'
+    const response = await fetch('http://localhost:3001/api/order-product', {
+      method: 'POST', // or 'PUT'
       headers: {
-        "Content-Type": "application/json",
+        'Content-Type': 'application/json',
       },
       body: JSON.stringify({
         customerOrderId: orderId,
@@ -160,14 +166,12 @@ const CheckoutPage = () => {
     });
   };
 
-  
-
   useEffect(() => {
     if (products.length === 0) {
       toast.error("You don't have items in your cart");
-      router.push("/cart");
+      router.push('/cart');
     }
-  }, []);
+  }, [products.length, router]);
 
   return (
     <div className="bg-white">
@@ -207,7 +211,11 @@ const CheckoutPage = () => {
                   className="flex items-start space-x-4 py-6"
                 >
                   <Image
-                    src={product?.image ? `/${product?.image}` : "/product_placeholder.jpg"}
+                    src={
+                      product?.image
+                        ? `/${product?.image}`
+                        : '/product_placeholder.jpg'
+                    }
                     alt={product?.title}
                     width={80}
                     height={80}
diff --git a/app/error.tsx b/app/error.tsx
index 383d3d20..e0108e58 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -1,17 +1,17 @@
+'use client';
 
-"use client"
-
-import { AiOutlineWarning } from "react-icons/ai"
+import { AiOutlineWarning } from 'react-icons/ai';
 
 const GlobalError = ({ error }: { error: Error }) => {
-
   return (
     <div className="flex flex-col items-center justify-center h-[300px] text-center p-6 rounded-2xl bg-red-50 border border-red-200 shadow-sm">
       <AiOutlineWarning className="w-12 h-12 text-red-500 mb-4" />
-      <h3 className="text-2xl font-semibold text-red-700">Something went wrong</h3>
+      <h3 className="text-2xl font-semibold text-red-700">
+        Something went wrong
+      </h3>
       <p className="text-red-500 mt-3 max-w-md">{error.message}</p>
     </div>
-  )
-}
+  );
+};
 
-export default GlobalError
+export default GlobalError;
diff --git a/app/globals.css b/app/globals.css
index f8239e21..0bde4c21 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,24 +2,26 @@
 @tailwind components;
 @tailwind utilities;
 
-
-.range{
-    --range-shdw: #3B82F6;
+.range {
+  --range-shdw: #3b82f6;
 }
 
-.checkbox:checked, .checkbox[checked="true"], .checkbox[aria-checked="true"] {
-    background-repeat: no-repeat;
-    animation: checkmark var(--animation-input, 0.2s) ease-out;
-    background-color: #3B82F6;
-    background-image: linear-gradient(-45deg, transparent 65%, #3B82F6 65.99%),
-      linear-gradient(45deg, transparent 75%, #3B82F6 75.99%),
-      linear-gradient(-45deg, #3B82F6 40%, transparent 40.99%),
-      linear-gradient(
-        45deg,
-        #3B82F6 30%,
-        white 30.99%,
-        white 40%,
-        transparent 40.99%
-      ),
-      linear-gradient(-45deg, white 50%, #3B82F6 50.99%);
-}
\ No newline at end of file
+.checkbox:checked,
+.checkbox[checked='true'],
+.checkbox[aria-checked='true'] {
+  background-repeat: no-repeat;
+  animation: checkmark var(--animation-input, 0.2s) ease-out;
+  background-color: #3b82f6;
+  background-image:
+    linear-gradient(-45deg, transparent 65%, #3b82f6 65.99%),
+    linear-gradient(45deg, transparent 75%, #3b82f6 75.99%),
+    linear-gradient(-45deg, #3b82f6 40%, transparent 40.99%),
+    linear-gradient(
+      45deg,
+      #3b82f6 30%,
+      white 30.99%,
+      white 40%,
+      transparent 40.99%
+    ),
+    linear-gradient(-45deg, white 50%, #3b82f6 50.99%);
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 5441fa24..73e84111 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,20 +1,17 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { Footer, Header } from "@/components";
-import SessionProvider from "@/utils/SessionProvider";
-import Providers from "@/Providers";
-import { getServerSession } from "next-auth";
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
+import { Footer, Header } from '@/components';
+import SessionProvider from '@/utils/SessionProvider';
+import Providers from '@/Providers';
+import { getServerSession } from 'next-auth';
 import 'svgmap/dist/svgMap.min.css';
 
-
-
-
-const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ['latin'] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: 'Create Next App',
+  description: 'Generated by create next app',
 };
 
 export default async function RootLayout({
@@ -22,19 +19,16 @@ export default async function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-
   const session = await getServerSession();
   return (
     <html lang="en" data-theme="light">
       <body className={inter.className}>
-      <SessionProvider session={session}>
-        <Header />
-        <Providers>
-        {children}
-        </Providers>
-        <Footer />
-      </SessionProvider>
-        </body>
+        <SessionProvider session={session}>
+          <Header />
+          <Providers>{children}</Providers>
+          <Footer />
+        </SessionProvider>
+      </body>
     </html>
   );
 }
diff --git a/app/login/page.tsx b/app/login/page.tsx
index e9151c45..eff57ef9 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -1,22 +1,22 @@
-"use client";
-import { CustomButton, SectionTitle } from "@/components";
-import { isValidEmailAddressFormat } from "@/lib/utils";
-import { signIn, useSession } from "next-auth/react";
-import { useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { FcGoogle } from "react-icons/fc";
+'use client';
+import { CustomButton, SectionTitle } from '@/components';
+import { isValidEmailAddressFormat } from '@/lib/utils';
+import { signIn, useSession } from 'next-auth/react';
+import { useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { FcGoogle } from 'react-icons/fc';
 
 const LoginPage = () => {
   const router = useRouter();
-  const [error, setError] = useState("");
+  const [error, setError] = useState('');
   // const session = useSession();
   const { data: session, status: sessionStatus } = useSession();
 
   useEffect(() => {
     // if user has already logged in redirect to home page
-    if (sessionStatus === "authenticated") {
-      router.replace("/");
+    if (sessionStatus === 'authenticated') {
+      router.replace('/');
     }
   }, [sessionStatus, router]);
 
@@ -26,34 +26,34 @@ const LoginPage = () => {
     const password = e.target[1].value;
 
     if (!isValidEmailAddressFormat(email)) {
-      setError("Email is invalid");
-      toast.error("Email is invalid");
+      setError('Email is invalid');
+      toast.error('Email is invalid');
       return;
     }
 
     if (!password || password.length < 8) {
-      setError("Password is invalid");
-      toast.error("Password is invalid");
+      setError('Password is invalid');
+      toast.error('Password is invalid');
       return;
     }
 
-    const res = await signIn("credentials", {
+    const res = await signIn('credentials', {
       redirect: false,
       email,
       password,
     });
 
     if (res?.error) {
-      setError("Invalid email or password");
-      toast.error("Invalid email or password");
-      if (res?.url) router.replace("/");
+      setError('Invalid email or password');
+      toast.error('Invalid email or password');
+      if (res?.url) router.replace('/');
     } else {
-      setError("");
-      toast.success("Successful login");
+      setError('');
+      toast.success('Successful login');
     }
   };
 
-  if (sessionStatus === "loading") {
+  if (sessionStatus === 'loading') {
     return <h1>Loading...</h1>;
   }
   return (
@@ -164,7 +164,7 @@ const LoginPage = () => {
                 <button
                   className="flex w-full items-center border border-gray-300 justify-center gap-3 rounded-md bg-white px-3 py-1.5 text-black focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
                   onClick={() => {
-                    signIn("google");
+                    signIn('google');
                   }}
                 >
                   <FcGoogle />
@@ -176,7 +176,7 @@ const LoginPage = () => {
                 <button
                   className="flex w-full items-center justify-center gap-3 rounded-md bg-[#24292F] px-3 py-1.5 text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#24292F]"
                   onClick={() => {
-                    signIn("github");
+                    signIn('github');
                   }}
                 >
                   <svg
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 371173d4..b397f94b 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,13 +1,19 @@
-import Link from 'next/link'
- 
+import Link from 'next/link';
+
 export default function NotFound() {
   return (
     <>
       <main className="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
         <div className="text-center">
-          <p className="text-lg font-semibold bg-blue-500  text-white border border-1 border-black py-2 rounded-full w-16 mx-auto">404</p>
-          <h1 className="mt-4 text-3xl font-bold tracking-tight text-black sm:text-5xl">Page not found</h1>
-          <p className="mt-6 text-base leading-7 text-black">Sorry, we couldn’t find the page you’re looking for.</p>
+          <p className="text-lg font-semibold bg-blue-500  text-white border border-1 border-black py-2 rounded-full w-16 mx-auto">
+            404
+          </p>
+          <h1 className="mt-4 text-3xl font-bold tracking-tight text-black sm:text-5xl">
+            Page not found
+          </h1>
+          <p className="mt-6 text-base leading-7 text-black">
+            Sorry, we couldn’t find the page you’re looking for.
+          </p>
           <div className="mt-10 flex items-center justify-center gap-x-6 max-[350px]:flex-col max-[350px]:gap-y-5">
             <Link
               href="/"
@@ -15,12 +21,15 @@ export default function NotFound() {
             >
               Go back home
             </Link>
-            <Link href="#" className="text-sm font-semibold text-black hover:underline hover:underline-offset-4">
+            <Link
+              href="#"
+              className="text-sm font-semibold text-black hover:underline hover:underline-offset-4"
+            >
               Contact support <span aria-hidden="true">&rarr;</span>
             </Link>
           </div>
         </div>
       </main>
     </>
-  )
-}
\ No newline at end of file
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
index 6fc649a4..4993bb4c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,12 +1,19 @@
-import { CategoryMenu, Hero, Incentives, IntroducingSection, Newsletter, ProductsSection } from "@/components";
+import {
+  CategoryMenu,
+  Hero,
+  Incentives,
+  IntroducingSection,
+  Newsletter,
+  ProductsSection,
+} from '@/components';
 
 export default function Home() {
   return (
     <>
-    <Hero />
-    <IntroducingSection />
-    <CategoryMenu />
-    <ProductsSection />
+      <Hero />
+      <IntroducingSection />
+      <CategoryMenu />
+      <ProductsSection />
     </>
   );
 }
diff --git a/app/product/[productSlug]/page.tsx b/app/product/[productSlug]/page.tsx
index 52da5f2b..e240e00d 100644
--- a/app/product/[productSlug]/page.tsx
+++ b/app/product/[productSlug]/page.tsx
@@ -5,13 +5,13 @@ import {
   ProductTabs,
   SingleProductDynamicFields,
   AddToWishlistBtn,
-} from "@/components";
-import Image from "next/image";
-import { notFound } from "next/navigation";
-import React from "react";
-import { FaSquareFacebook } from "react-icons/fa6";
-import { FaSquareXTwitter } from "react-icons/fa6";
-import { FaSquarePinterest } from "react-icons/fa6";
+} from '@/components';
+import Image from 'next/image';
+import { notFound } from 'next/navigation';
+import React from 'react';
+import { FaSquareFacebook } from 'react-icons/fa6';
+import { FaSquareXTwitter } from 'react-icons/fa6';
+import { FaSquarePinterest } from 'react-icons/fa6';
 
 interface ImageItem {
   imageID: string;
@@ -22,13 +22,13 @@ interface ImageItem {
 const SingleProductPage = async ({ params }: SingleProductPageProps) => {
   // sending API request for a single product with a given product slug
   const data = await fetch(
-    `http://localhost:3001/api/slugs/${params.productSlug}`
+    `http://localhost:3001/api/slugs/${params.productSlug}`,
   );
   const product = await data.json();
 
   // sending API request for more than 1 product image if it exists
   const imagesData = await fetch(
-    `http://localhost:3001/api/images/${product.id}`
+    `http://localhost:3001/api/images/${product.id}`,
   );
   const images = await imagesData.json();
 
@@ -42,7 +42,11 @@ const SingleProductPage = async ({ params }: SingleProductPageProps) => {
         <div className="flex justify-center gap-x-16 pt-10 max-lg:flex-col items-center gap-y-5 px-5">
           <div>
             <Image
-              src={product?.mainImage ? `/${product?.mainImage}` : "/product_placeholder.jpg"}
+              src={
+                product?.mainImage
+                  ? `/${product?.mainImage}`
+                  : '/product_placeholder.jpg'
+              }
               width={500}
               height={500}
               alt="main image"
diff --git a/app/product/not-found.tsx b/app/product/not-found.tsx
index 3b8d042a..7440b930 100644
--- a/app/product/not-found.tsx
+++ b/app/product/not-found.tsx
@@ -1,4 +1,4 @@
-import Link from "next/link";
+import Link from 'next/link';
 
 export default function NotFound() {
   return (
diff --git a/app/register/page.tsx b/app/register/page.tsx
index 027825be..6265aed2 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -1,20 +1,20 @@
-"use client";
-import { CustomButton, SectionTitle } from "@/components";
-import { useSession } from "next-auth/react";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
+'use client';
+import { CustomButton, SectionTitle } from '@/components';
+import { useSession } from 'next-auth/react';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import React, { useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
 
 const RegisterPage = () => {
-  const [error, setError] = useState("");
+  const [error, setError] = useState('');
   const router = useRouter();
   const { data: session, status: sessionStatus } = useSession();
 
   useEffect(() => {
     // chechking if user has already registered redirect to home page
-    if (sessionStatus === "authenticated") {
-      router.replace("/");
+    if (sessionStatus === 'authenticated') {
+      router.replace('/');
     }
   }, [sessionStatus, router]);
 
@@ -29,29 +29,29 @@ const RegisterPage = () => {
     const confirmPassword = e.target[4].value;
 
     if (!isValidEmail(email)) {
-      setError("Email is invalid");
-      toast.error("Email is invalid");
+      setError('Email is invalid');
+      toast.error('Email is invalid');
       return;
     }
 
     if (!password || password.length < 8) {
-      setError("Password is invalid");
-      toast.error("Password is invalid");
+      setError('Password is invalid');
+      toast.error('Password is invalid');
       return;
     }
 
     if (confirmPassword !== password) {
-      setError("Passwords are not equal");
-      toast.error("Passwords are not equal");
+      setError('Passwords are not equal');
+      toast.error('Passwords are not equal');
       return;
     }
 
     try {
       // sending API request for registering user
-      const res = await fetch("/api/register", {
-        method: "POST",
+      const res = await fetch('/api/register', {
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify({
           email,
@@ -60,22 +60,22 @@ const RegisterPage = () => {
       });
 
       if (res.status === 400) {
-        toast.error("This email is already registered");
-        setError("The email already in use");
+        toast.error('This email is already registered');
+        setError('The email already in use');
       }
       if (res.status === 200) {
-        setError("");
-        toast.success("Registration successful");
-        router.push("/login");
+        setError('');
+        toast.success('Registration successful');
+        router.push('/login');
       }
     } catch (error) {
-      toast.error("Error, try again");
-      setError("Error, try again");
+      toast.error('Error, try again');
+      setError('Error, try again');
       console.log(error);
     }
   };
 
-  if (sessionStatus === "loading") {
+  if (sessionStatus === 'loading') {
     return <h1>Loading...</h1>;
   }
   return (
diff --git a/app/search/page.tsx b/app/search/page.tsx
index 0141bc28..debd1f97 100644
--- a/app/search/page.tsx
+++ b/app/search/page.tsx
@@ -1,5 +1,5 @@
-import { ProductItem, SectionTitle } from "@/components";
-import React from "react";
+import { ProductItem, SectionTitle } from '@/components';
+import React from 'react';
 
 interface Props {
   searchParams: { search: string };
@@ -8,7 +8,7 @@ interface Props {
 // sending api request for search results for a given search text
 const SearchPage = async ({ searchParams: { search } }: Props) => {
   const data = await fetch(
-    `http://localhost:3001/api/search?query=${search || ""}`
+    `http://localhost:3001/api/search?query=${search || ''}`,
   );
 
   const products = await data.json();
diff --git a/app/shop/[[...slug]]/page.tsx b/app/shop/[[...slug]]/page.tsx
index a458098d..dbdd13e2 100644
--- a/app/shop/[[...slug]]/page.tsx
+++ b/app/shop/[[...slug]]/page.tsx
@@ -1,4 +1,4 @@
-export const dynamic = "force-dynamic";
+export const dynamic = 'force-dynamic';
 export const revalidate = 0;
 
 import {
@@ -7,22 +7,21 @@ import {
   Pagination,
   Products,
   SortBy,
-} from "@/components";
-import React from "react";
+} from '@/components';
+import React from 'react';
 
 // improve readabillity of category text, for example category text "smart-watches" will be "smart watches"
 const improveCategoryText = (text: string): string => {
-  if (text.indexOf("-") !== -1) {
-    let textArray = text.split("-");
+  if (text.indexOf('-') !== -1) {
+    let textArray = text.split('-');
 
-    return textArray.join(" ");
+    return textArray.join(' ');
   } else {
     return text;
   }
 };
 
 const ShopPage = (slug: any) => {
-  
   return (
     <div className="text-black bg-white">
       <div className=" max-w-screen-2xl mx-auto px-10 max-sm:px-5">
@@ -34,7 +33,7 @@ const ShopPage = (slug: any) => {
               <h2 className="text-2xl font-bold max-sm:text-xl max-[400px]:text-lg uppercase">
                 {slug?.params?.slug && slug?.params?.slug[0]?.length > 0
                   ? improveCategoryText(slug?.params?.slug[0])
-                  : "All products"}
+                  : 'All products'}
               </h2>
 
               <SortBy />
diff --git a/app/wishlist/page.tsx b/app/wishlist/page.tsx
index ee5e9d9d..a6f37b77 100644
--- a/app/wishlist/page.tsx
+++ b/app/wishlist/page.tsx
@@ -1,9 +1,9 @@
-import { SectionTitle } from "@/components";
-import { Loader } from "@/components/Loader";
-import dynamic from "next/dynamic";
-import React, { Suspense } from "react";
+import { SectionTitle } from '@/components';
+import { Loader } from '@/components/Loader';
+import dynamic from 'next/dynamic';
+import React, { Suspense } from 'react';
 
-import { WishlistModule } from "@/components/modules/wishlist"; //slow
+import { WishlistModule } from '@/components/modules/wishlist'; //slow
 
 // const DynamicWishlistModule = dynamic(
 //   () =>
@@ -14,7 +14,6 @@ import { WishlistModule } from "@/components/modules/wishlist"; //slow
 //   { ssr: false }
 // );
 
-
 const WishlistPage = () => {
   return (
     <div className="bg-white">
diff --git a/bun.lock b/bun.lock
index f4184a41..bd9d8f09 100644
--- a/bun.lock
+++ b/bun.lock
@@ -35,7 +35,12 @@
         "daisyui": "^4.7.2",
         "eslint": "^8",
         "eslint-config-next": "14.1.0",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.4",
+        "husky": "^9.1.7",
+        "lint-staged": "^16.1.6",
         "postcss": "^8",
+        "prettier": "^3.6.2",
         "prisma": "^5.10.2",
         "tailwindcss": "^3.3.0",
         "typescript": "^5",
@@ -231,6 +236,8 @@
 
     "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
 
+    "@pkgr/core": ["@pkgr/core@0.2.9", "", {}, "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA=="],
+
     "@popperjs/core": ["@popperjs/core@2.11.8", "", {}, "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A=="],
 
     "@prisma/client": ["@prisma/client@5.10.2", "", { "peerDependencies": { "prisma": "*" } }, "sha512-ef49hzB2yJZCvM5gFHMxSFL9KYrIP9udpT5rYo0CsHD4P9IKj473MbhU1gjKKftiwWBTIyrt9jukprzZXazyag=="],
@@ -335,6 +342,8 @@
 
     "ajv": ["ajv@6.12.6", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="],
 
+    "ansi-escapes": ["ansi-escapes@7.0.0", "", { "dependencies": { "environment": "^1.0.0" } }, "sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw=="],
+
     "ansi-red": ["ansi-red@0.1.1", "", { "dependencies": { "ansi-wrap": "0.1.0" } }, "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow=="],
 
     "ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
@@ -415,7 +424,7 @@
 
     "brace-expansion": ["brace-expansion@1.1.11", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA=="],
 
-    "braces": ["braces@3.0.2", "", { "dependencies": { "fill-range": "^7.0.1" } }, "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A=="],
+    "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
 
     "browserslist": ["browserslist@4.23.0", "", { "dependencies": { "caniuse-lite": "^1.0.30001587", "electron-to-chromium": "^1.4.668", "node-releases": "^2.0.14", "update-browserslist-db": "^1.0.13" }, "bin": "cli.js" }, "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ=="],
 
@@ -453,6 +462,10 @@
 
     "classnames": ["classnames@2.5.1", "", {}, "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="],
 
+    "cli-cursor": ["cli-cursor@5.0.0", "", { "dependencies": { "restore-cursor": "^5.0.0" } }, "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw=="],
+
+    "cli-truncate": ["cli-truncate@4.0.0", "", { "dependencies": { "slice-ansi": "^5.0.0", "string-width": "^7.0.0" } }, "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA=="],
+
     "client-only": ["client-only@0.0.1", "", {}, "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="],
 
     "clipanion": ["clipanion@3.2.1", "", { "dependencies": { "typanion": "^3.8.0" }, "peerDependencies": { "typanion": "*" } }, "sha512-dYFdjLb7y1ajfxQopN05mylEpK9ZX0sO1/RfMXdfmwjlIsPkbh4p7A682x++zFPLDCo1x3p82dtljHf5cW2LKA=="],
@@ -469,9 +482,11 @@
 
     "color-string": ["color-string@1.9.1", "", { "dependencies": { "color-name": "^1.0.0", "simple-swizzle": "^0.2.2" } }, "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg=="],
 
+    "colorette": ["colorette@2.0.20", "", {}, "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="],
+
     "comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
 
-    "commander": ["commander@4.1.1", "", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
+    "commander": ["commander@14.0.0", "", {}, "sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA=="],
 
     "comment-json": ["comment-json@4.2.3", "", { "dependencies": { "array-timsort": "^1.0.3", "core-util-is": "^1.0.3", "esprima": "^4.0.1", "has-own-prop": "^2.0.0", "repeat-string": "^1.6.1" } }, "sha512-SsxdiOf064DWoZLH799Ata6u7iV658A11PlWtZATDlXPpKGJnbJZ5Z24ybixAi+LUUqJ/GKowAejtC5GFUG7Tw=="],
 
@@ -551,6 +566,8 @@
 
     "enquire.js": ["enquire.js@2.1.6", "", {}, "sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw=="],
 
+    "environment": ["environment@1.1.0", "", {}, "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q=="],
+
     "es-abstract": ["es-abstract@1.22.4", "", { "dependencies": { "array-buffer-byte-length": "^1.0.1", "arraybuffer.prototype.slice": "^1.0.3", "available-typed-arrays": "^1.0.6", "call-bind": "^1.0.7", "es-define-property": "^1.0.0", "es-errors": "^1.3.0", "es-set-tostringtag": "^2.0.2", "es-to-primitive": "^1.2.1", "function.prototype.name": "^1.1.6", "get-intrinsic": "^1.2.4", "get-symbol-description": "^1.0.2", "globalthis": "^1.0.3", "gopd": "^1.0.1", "has-property-descriptors": "^1.0.2", "has-proto": "^1.0.1", "has-symbols": "^1.0.3", "hasown": "^2.0.1", "internal-slot": "^1.0.7", "is-array-buffer": "^3.0.4", "is-callable": "^1.2.7", "is-negative-zero": "^2.0.2", "is-regex": "^1.1.4", "is-shared-array-buffer": "^1.0.2", "is-string": "^1.0.7", "is-typed-array": "^1.1.13", "is-weakref": "^1.0.2", "object-inspect": "^1.13.1", "object-keys": "^1.1.1", "object.assign": "^4.1.5", "regexp.prototype.flags": "^1.5.2", "safe-array-concat": "^1.1.0", "safe-regex-test": "^1.0.3", "string.prototype.trim": "^1.2.8", "string.prototype.trimend": "^1.0.7", "string.prototype.trimstart": "^1.0.7", "typed-array-buffer": "^1.0.1", "typed-array-byte-length": "^1.0.0", "typed-array-byte-offset": "^1.0.0", "typed-array-length": "^1.0.4", "unbox-primitive": "^1.0.2", "which-typed-array": "^1.1.14" } }, "sha512-vZYJlk2u6qHYxBOTjAeg7qUxHdNfih64Uu2J8QqWgXZ2cri0ZpJAkzDUK/q593+mvKwlxyaxr6F1Q+3LKoQRgg=="],
 
     "es-array-method-boxes-properly": ["es-array-method-boxes-properly@1.0.0", "", {}, "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="],
@@ -577,6 +594,8 @@
 
     "eslint-config-next": ["eslint-config-next@14.1.0", "", { "dependencies": { "@next/eslint-plugin-next": "14.1.0", "@rushstack/eslint-patch": "^1.3.3", "@typescript-eslint/parser": "^5.4.2 || ^6.0.0", "eslint-import-resolver-node": "^0.3.6", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.28.1", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-react": "^7.33.2", "eslint-plugin-react-hooks": "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705" }, "peerDependencies": { "eslint": "^7.23.0 || ^8.0.0", "typescript": ">=3.3.1" } }, "sha512-SBX2ed7DoRFXC6CQSLc/SbLY9Ut6HxNB2wPTcoIWjUMd7aF7O/SIE7111L8FdZ9TXsNV4pulUDnfthpyPtbFUg=="],
 
+    "eslint-config-prettier": ["eslint-config-prettier@10.1.8", "", { "peerDependencies": { "eslint": ">=7.0.0" }, "bin": { "eslint-config-prettier": "bin/cli.js" } }, "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w=="],
+
     "eslint-import-resolver-node": ["eslint-import-resolver-node@0.3.9", "", { "dependencies": { "debug": "^3.2.7", "is-core-module": "^2.13.0", "resolve": "^1.22.4" } }, "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g=="],
 
     "eslint-import-resolver-typescript": ["eslint-import-resolver-typescript@3.6.1", "", { "dependencies": { "debug": "^4.3.4", "enhanced-resolve": "^5.12.0", "eslint-module-utils": "^2.7.4", "fast-glob": "^3.3.1", "get-tsconfig": "^4.5.0", "is-core-module": "^2.11.0", "is-glob": "^4.0.3" }, "peerDependencies": { "eslint": "*", "eslint-plugin-import": "*" } }, "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg=="],
@@ -587,6 +606,8 @@
 
     "eslint-plugin-jsx-a11y": ["eslint-plugin-jsx-a11y@6.8.0", "", { "dependencies": { "@babel/runtime": "^7.23.2", "aria-query": "^5.3.0", "array-includes": "^3.1.7", "array.prototype.flatmap": "^1.3.2", "ast-types-flow": "^0.0.8", "axe-core": "=4.7.0", "axobject-query": "^3.2.1", "damerau-levenshtein": "^1.0.8", "emoji-regex": "^9.2.2", "es-iterator-helpers": "^1.0.15", "hasown": "^2.0.0", "jsx-ast-utils": "^3.3.5", "language-tags": "^1.0.9", "minimatch": "^3.1.2", "object.entries": "^1.1.7", "object.fromentries": "^2.0.7" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8" } }, "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA=="],
 
+    "eslint-plugin-prettier": ["eslint-plugin-prettier@5.5.4", "", { "dependencies": { "prettier-linter-helpers": "^1.0.0", "synckit": "^0.11.7" }, "peerDependencies": { "@types/eslint": ">=8.0.0", "eslint": ">=8.0.0", "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0", "prettier": ">=3.0.0" }, "optionalPeers": ["@types/eslint", "eslint-config-prettier"] }, "sha512-swNtI95SToIz05YINMA6Ox5R057IMAmWZ26GqPxusAp1TZzj+IdY9tXNWWD3vkF/wEqydCONcwjTFpxybBqZsg=="],
+
     "eslint-plugin-react": ["eslint-plugin-react@7.33.2", "", { "dependencies": { "array-includes": "^3.1.6", "array.prototype.flatmap": "^1.3.1", "array.prototype.tosorted": "^1.1.1", "doctrine": "^2.1.0", "es-iterator-helpers": "^1.0.12", "estraverse": "^5.3.0", "jsx-ast-utils": "^2.4.1 || ^3.0.0", "minimatch": "^3.1.2", "object.entries": "^1.1.6", "object.fromentries": "^2.0.6", "object.hasown": "^1.1.2", "object.values": "^1.1.6", "prop-types": "^15.8.1", "resolve": "^2.0.0-next.4", "semver": "^6.3.1", "string.prototype.matchall": "^4.0.8" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8" } }, "sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw=="],
 
     "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@4.6.0", "", { "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0" } }, "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="],
@@ -621,6 +642,8 @@
 
     "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
 
+    "eventemitter3": ["eventemitter3@5.0.1", "", {}, "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="],
+
     "expand-range": ["expand-range@1.8.2", "", { "dependencies": { "fill-range": "^2.1.0" } }, "sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA=="],
 
     "expand-template": ["expand-template@2.0.3", "", {}, "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="],
@@ -633,6 +656,8 @@
 
     "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
 
+    "fast-diff": ["fast-diff@1.3.0", "", {}, "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="],
+
     "fast-fifo": ["fast-fifo@1.3.2", "", {}, "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ=="],
 
     "fast-glob": ["fast-glob@3.3.2", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.4" } }, "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow=="],
@@ -651,7 +676,7 @@
 
     "file-entry-cache": ["file-entry-cache@6.0.1", "", { "dependencies": { "flat-cache": "^3.0.4" } }, "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg=="],
 
-    "fill-range": ["fill-range@7.0.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ=="],
+    "fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
 
     "find-up": ["find-up@5.0.0", "", { "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng=="],
 
@@ -691,6 +716,8 @@
 
     "get-caller-file": ["get-caller-file@2.0.5", "", {}, "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="],
 
+    "get-east-asian-width": ["get-east-asian-width@1.3.1", "", {}, "sha512-R1QfovbPsKmosqTnPoRFiJ7CF9MLRgb53ChvMZm+r4p76/+8yKDy17qLL2PKInORy2RkZZekuK0efYgmzTkXyQ=="],
+
     "get-intrinsic": ["get-intrinsic@1.2.4", "", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2", "has-proto": "^1.0.1", "has-symbols": "^1.0.3", "hasown": "^2.0.0" } }, "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ=="],
 
     "get-symbol-description": ["get-symbol-description@1.0.2", "", { "dependencies": { "call-bind": "^1.0.5", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.4" } }, "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg=="],
@@ -761,6 +788,8 @@
 
     "html-void-elements": ["html-void-elements@2.0.1", "", {}, "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="],
 
+    "husky": ["husky@9.1.7", "", { "bin": { "husky": "bin.js" } }, "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA=="],
+
     "ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
 
     "ignore": ["ignore@5.3.1", "", {}, "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw=="],
@@ -815,7 +844,7 @@
 
     "is-finalizationregistry": ["is-finalizationregistry@1.0.2", "", { "dependencies": { "call-bind": "^1.0.2" } }, "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw=="],
 
-    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+    "is-fullwidth-code-point": ["is-fullwidth-code-point@4.0.0", "", {}, "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ=="],
 
     "is-generator-function": ["is-generator-function@1.0.10", "", { "dependencies": { "has-tostringtag": "^1.0.0" } }, "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A=="],
 
@@ -905,12 +934,16 @@
 
     "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
 
-    "lilconfig": ["lilconfig@2.1.0", "", {}, "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="],
+    "lilconfig": ["lilconfig@3.1.3", "", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
 
     "lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
 
+    "lint-staged": ["lint-staged@16.1.6", "", { "dependencies": { "chalk": "^5.6.0", "commander": "^14.0.0", "debug": "^4.4.1", "lilconfig": "^3.1.3", "listr2": "^9.0.3", "micromatch": "^4.0.8", "nano-spawn": "^1.0.2", "pidtree": "^0.6.0", "string-argv": "^0.3.2", "yaml": "^2.8.1" }, "bin": { "lint-staged": "bin/lint-staged.js" } }, "sha512-U4kuulU3CKIytlkLlaHcGgKscNfJPNTiDF2avIUGFCv7K95/DCYQ7Ra62ydeRWmgQGg9zJYw2dzdbztwJlqrow=="],
+
     "list-item": ["list-item@1.1.1", "", { "dependencies": { "expand-range": "^1.8.1", "extend-shallow": "^2.0.1", "is-number": "^2.1.0", "repeat-string": "^1.5.2" } }, "sha512-S3D0WZ4J6hyM8o5SNKWaMYB1ALSacPZ2nHGEuCjmHZ+dc03gFeNZoNDcqfcnO4vDhTZmNrqrpYZCdXsRh22bzw=="],
 
+    "listr2": ["listr2@9.0.3", "", { "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", "eventemitter3": "^5.0.1", "log-update": "^6.1.0", "rfdc": "^1.4.1", "wrap-ansi": "^9.0.0" } }, "sha512-0aeh5HHHgmq1KRdMMDHfhMWQmIT/m7nRDTlxlFqni2Sp0had9baqsjJRvDGdlvgd6NmPE0nPloOipiQJGFtTHQ=="],
+
     "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
 
     "lodash._reinterpolate": ["lodash._reinterpolate@3.0.0", "", {}, "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA=="],
@@ -929,6 +962,8 @@
 
     "lodash.templatesettings": ["lodash.templatesettings@4.2.0", "", { "dependencies": { "lodash._reinterpolate": "^3.0.0" } }, "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ=="],
 
+    "log-update": ["log-update@6.1.0", "", { "dependencies": { "ansi-escapes": "^7.0.0", "cli-cursor": "^5.0.0", "slice-ansi": "^7.1.0", "strip-ansi": "^7.1.0", "wrap-ansi": "^9.0.0" } }, "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w=="],
+
     "long": ["long@5.2.3", "", {}, "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q=="],
 
     "longest-streak": ["longest-streak@3.1.0", "", {}, "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="],
@@ -1033,7 +1068,9 @@
 
     "micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
 
-    "micromatch": ["micromatch@4.0.5", "", { "dependencies": { "braces": "^3.0.2", "picomatch": "^2.3.1" } }, "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA=="],
+    "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
+
+    "mimic-function": ["mimic-function@5.0.1", "", {}, "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA=="],
 
     "mimic-response": ["mimic-response@3.1.0", "", {}, "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ=="],
 
@@ -1055,6 +1092,8 @@
 
     "mz": ["mz@2.7.0", "", { "dependencies": { "any-promise": "^1.0.0", "object-assign": "^4.0.1", "thenify-all": "^1.0.0" } }, "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q=="],
 
+    "nano-spawn": ["nano-spawn@1.0.3", "", {}, "sha512-jtpsQDetTnvS2Ts1fiRdci5rx0VYws5jGyC+4IYOTnIQ/wwdf6JdomlHBwqC3bJYOvaKu0C2GSZ1A60anrYpaA=="],
+
     "nanoid": ["nanoid@5.0.6", "", { "bin": "bin/nanoid.js" }, "sha512-rRq0eMHoGZxlvaFOUdK1Ev83Bd1IgzzR+WJ3IbDJ7QOSdAxYjlurSPqFs9s4lJg29RT6nPwizFtJhQS6V5xgiA=="],
 
     "napi-build-utils": ["napi-build-utils@1.0.2", "", {}, "sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg=="],
@@ -1111,6 +1150,8 @@
 
     "once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
 
+    "onetime": ["onetime@7.0.0", "", { "dependencies": { "mimic-function": "^5.0.0" } }, "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ=="],
+
     "oo-ascii-tree": ["oo-ascii-tree@1.95.0", "", {}, "sha512-e9LWcjDtQIwFHICbeAjv2+RGJUFu3+A6oTjpymH+gfxATqPqcUV5oeGON9a/1uBr8Q0bc2/yEHVp1A/dp1iaog=="],
 
     "openid-client": ["openid-client@5.6.4", "", { "dependencies": { "jose": "^4.15.4", "lru-cache": "^6.0.0", "object-hash": "^2.2.0", "oidc-token-hash": "^5.0.3" } }, "sha512-T1h3B10BRPKfcObdBklX639tVz+xh34O7GjofqrqiAQdm7eHsQ00ih18x6wuJ/E6FxdtS2u3FmUGPDeEcMwzNA=="],
@@ -1147,6 +1188,8 @@
 
     "picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
+    "pidtree": ["pidtree@0.6.0", "", { "bin": { "pidtree": "bin/pidtree.js" } }, "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g=="],
+
     "pify": ["pify@2.3.0", "", {}, "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="],
 
     "pirates": ["pirates@4.0.6", "", {}, "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="],
@@ -1175,6 +1218,10 @@
 
     "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
+    "prettier": ["prettier@3.6.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ=="],
+
+    "prettier-linter-helpers": ["prettier-linter-helpers@1.0.0", "", { "dependencies": { "fast-diff": "^1.1.2" } }, "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w=="],
+
     "pretty-format": ["pretty-format@3.8.0", "", {}, "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew=="],
 
     "prisma": ["prisma@5.10.2", "", { "dependencies": { "@prisma/engines": "5.10.2" }, "bin": "build/index.js" }, "sha512-hqb/JMz9/kymRE25pMWCxkdyhbnIWrq+h7S6WysJpdnCvhstbJSNP/S6mScEcqiB8Qv2F+0R3yG+osRaWqZacQ=="],
@@ -1257,8 +1304,12 @@
 
     "resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
 
+    "restore-cursor": ["restore-cursor@5.1.0", "", { "dependencies": { "onetime": "^7.0.0", "signal-exit": "^4.1.0" } }, "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA=="],
+
     "reusify": ["reusify@1.0.4", "", {}, "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="],
 
+    "rfdc": ["rfdc@1.4.1", "", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],
+
     "rimraf": ["rimraf@3.0.2", "", { "dependencies": { "glob": "^7.1.3" }, "bin": "bin.js" }, "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA=="],
 
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
@@ -1301,6 +1352,8 @@
 
     "slash": ["slash@3.0.0", "", {}, "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="],
 
+    "slice-ansi": ["slice-ansi@5.0.0", "", { "dependencies": { "ansi-styles": "^6.0.0", "is-fullwidth-code-point": "^4.0.0" } }, "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ=="],
+
     "slick-carousel": ["slick-carousel@1.8.1", "", { "peerDependencies": { "jquery": ">=1.8.0" } }, "sha512-XB9Ftrf2EEKfzoQXt3Nitrt/IPbT+f1fgqBdoxO3W/+JYvtEOW6EgxnWfr9GH6nmULv7Y2tPmEX3koxThVmebA=="],
 
     "source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
@@ -1317,9 +1370,11 @@
 
     "streamx": ["streamx@2.16.1", "", { "dependencies": { "fast-fifo": "^1.1.0", "queue-tick": "^1.0.1" }, "optionalDependencies": { "bare-events": "^2.2.0" } }, "sha512-m9QYj6WygWyWa3H1YY69amr4nVgy61xfjys7xO7kviL5rfIEc2naf+ewFiOA+aEJD7y0JO3h2GoiUv4TDwEGzQ=="],
 
+    "string-argv": ["string-argv@0.3.2", "", {}, "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q=="],
+
     "string-convert": ["string-convert@0.2.1", "", {}, "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="],
 
-    "string-width": ["string-width@5.1.2", "", { "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", "strip-ansi": "^7.0.1" } }, "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA=="],
+    "string-width": ["string-width@7.2.0", "", { "dependencies": { "emoji-regex": "^10.3.0", "get-east-asian-width": "^1.0.0", "strip-ansi": "^7.1.0" } }, "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ=="],
 
     "string-width-cjs": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
 
@@ -1375,6 +1430,8 @@
 
     "svgmap": ["svgmap@2.10.1", "", { "dependencies": { "svg-pan-zoom": "^3.6.1" } }, "sha512-5VbuhxD5+TLO5DXzq0t0BywtvG9iarVSGujc7Hej1x9lxV7S2ONH8Gxnhz3e4tcEjrziiIalywcSM61BTNkzcA=="],
 
+    "synckit": ["synckit@0.11.11", "", { "dependencies": { "@pkgr/core": "^0.2.9" } }, "sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw=="],
+
     "tabbable": ["tabbable@6.2.0", "", {}, "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="],
 
     "tailwind-merge": ["tailwind-merge@2.2.1", "", { "dependencies": { "@babel/runtime": "^7.23.7" } }, "sha512-o+2GTLkthfa5YUt4JxPfzMIpQzZ3adD1vLVkvKE1Twl9UAhGsEbIZhHHZVRttyW177S8PDJI3bTQNaebyofK3Q=="],
@@ -1489,7 +1546,7 @@
 
     "which-typed-array": ["which-typed-array@1.1.14", "", { "dependencies": { "available-typed-arrays": "^1.0.6", "call-bind": "^1.0.5", "for-each": "^0.3.3", "gopd": "^1.0.1", "has-tostringtag": "^1.0.1" } }, "sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg=="],
 
-    "wrap-ansi": ["wrap-ansi@8.1.0", "", { "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", "strip-ansi": "^7.0.1" } }, "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ=="],
+    "wrap-ansi": ["wrap-ansi@9.0.0", "", { "dependencies": { "ansi-styles": "^6.2.1", "string-width": "^7.0.0", "strip-ansi": "^7.1.0" } }, "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q=="],
 
     "wrap-ansi-cjs": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
 
@@ -1501,7 +1558,7 @@
 
     "yallist": ["yallist@4.0.0", "", {}, "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="],
 
-    "yaml": ["yaml@2.3.4", "", {}, "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA=="],
+    "yaml": ["yaml@2.8.1", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw=="],
 
     "yargs": ["yargs@17.7.2", "", { "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", "yargs-parser": "^21.1.1" } }, "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w=="],
 
@@ -1527,12 +1584,20 @@
 
     "@contentlayer/source-files/gray-matter": ["gray-matter@4.0.3", "", { "dependencies": { "js-yaml": "^3.13.1", "kind-of": "^6.0.2", "section-matter": "^1.0.0", "strip-bom-string": "^1.0.0" } }, "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q=="],
 
+    "@contentlayer/source-files/micromatch": ["micromatch@4.0.5", "", { "dependencies": { "braces": "^3.0.2", "picomatch": "^2.3.1" } }, "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA=="],
+
     "@contentlayer/source-files/unified": ["unified@10.1.2", "", { "dependencies": { "@types/unist": "^2.0.0", "bail": "^2.0.0", "extend": "^3.0.0", "is-buffer": "^2.0.0", "is-plain-obj": "^4.0.0", "trough": "^2.0.0", "vfile": "^5.0.0" } }, "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q=="],
 
+    "@contentlayer/source-files/yaml": ["yaml@2.3.4", "", {}, "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA=="],
+
     "@contentlayer/utils/type-fest": ["type-fest@3.13.1", "", {}, "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g=="],
 
+    "@isaacs/cliui/string-width": ["string-width@5.1.2", "", { "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", "strip-ansi": "^7.0.1" } }, "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA=="],
+
     "@isaacs/cliui/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
 
+    "@isaacs/cliui/wrap-ansi": ["wrap-ansi@8.1.0", "", { "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", "strip-ansi": "^7.0.1" } }, "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ=="],
+
     "@mdx-js/esbuild/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
     "@mdx-js/mdx/estree-util-is-identifier-name": ["estree-util-is-identifier-name@2.1.0", "", {}, "sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ=="],
@@ -1577,22 +1642,20 @@
 
     "@tailwindcss/typography/postcss-selector-parser": ["postcss-selector-parser@6.0.10", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w=="],
 
-    "@types/mdast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
     "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.3", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg=="],
 
     "@typescript-eslint/typescript-estree/semver": ["semver@7.6.0", "", { "dependencies": { "lru-cache": "^6.0.0" }, "bin": "bin/semver.js" }, "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg=="],
 
     "bl/readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
 
+    "chokidar/braces": ["braces@3.0.2", "", { "dependencies": { "fill-range": "^7.0.1" } }, "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A=="],
+
     "chokidar/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
     "cliui/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
 
     "cliui/wrap-ansi": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
 
-    "concat-with-sourcemaps/source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
-
     "eslint-import-resolver-node/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
 
     "eslint-module-utils/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
@@ -1605,8 +1668,6 @@
 
     "eslint-plugin-react/resolve": ["resolve@2.0.0-next.5", "", { "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": "bin/resolve" }, "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA=="],
 
-    "eslint-plugin-react/semver": ["semver@6.3.1", "", { "bin": "bin/semver.js" }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
-
     "estree-util-build-jsx/estree-util-is-identifier-name": ["estree-util-is-identifier-name@2.1.0", "", {}, "sha512-bEN9VHRyXAUOjkKVQVvArFym08BTWB0aJPppZZr0UNyAqWsLaVfAqP7hbaTJjzHifmB5ebnR8Wm7r7yGN/HonQ=="],
 
     "estree-util-to-js/source-map": ["source-map@0.7.4", "", {}, "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA=="],
@@ -1621,6 +1682,8 @@
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
+    "fast-glob/micromatch": ["micromatch@4.0.5", "", { "dependencies": { "braces": "^3.0.2", "picomatch": "^2.3.1" } }, "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA=="],
+
     "flowbite-react/react-icons": ["react-icons@4.12.0", "", { "peerDependencies": { "react": "*" } }, "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw=="],
 
     "glob/minimatch": ["minimatch@9.0.3", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg=="],
@@ -1665,28 +1728,26 @@
 
     "hast-util-to-html/hast-util-whitespace": ["hast-util-whitespace@2.0.1", "", {}, "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng=="],
 
-    "hast-util-to-jsx-runtime/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "hast-util-to-jsx-runtime/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
     "hast-util-to-parse5/@types/hast": ["@types/hast@2.3.10", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw=="],
 
-    "hast-util-whitespace/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
     "hastscript/@types/hast": ["@types/hast@2.3.10", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw=="],
 
     "is-number/kind-of": ["kind-of@3.2.2", "", { "dependencies": { "is-buffer": "^1.1.5" } }, "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ=="],
 
+    "lint-staged/chalk": ["chalk@5.6.0", "", {}, "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ=="],
+
+    "lint-staged/debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],
+
+    "log-update/slice-ansi": ["slice-ansi@7.1.0", "", { "dependencies": { "ansi-styles": "^6.2.1", "is-fullwidth-code-point": "^5.0.0" } }, "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg=="],
+
+    "log-update/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
+
     "mdast-util-definitions/@types/mdast": ["@types/mdast@3.0.15", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ=="],
 
     "mdast-util-definitions/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "mdast-util-definitions/unist-util-visit": ["unist-util-visit@4.1.2", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0", "unist-util-visit-parents": "^5.1.1" } }, "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg=="],
 
-    "mdast-util-from-markdown/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-from-markdown/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "mdast-util-frontmatter/@types/mdast": ["@types/mdast@3.0.15", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ=="],
 
     "mdast-util-frontmatter/mdast-util-to-markdown": ["mdast-util-to-markdown@1.5.0", "", { "dependencies": { "@types/mdast": "^3.0.0", "@types/unist": "^2.0.0", "longest-streak": "^3.0.0", "mdast-util-phrasing": "^3.0.0", "mdast-util-to-string": "^3.0.0", "micromark-util-decode-string": "^1.0.0", "unist-util-visit": "^4.0.0", "zwitch": "^2.0.0" } }, "sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A=="],
@@ -1701,70 +1762,10 @@
 
     "mdast-util-mdx/mdast-util-to-markdown": ["mdast-util-to-markdown@1.5.0", "", { "dependencies": { "@types/mdast": "^3.0.0", "@types/unist": "^2.0.0", "longest-streak": "^3.0.0", "mdast-util-phrasing": "^3.0.0", "mdast-util-to-string": "^3.0.0", "micromark-util-decode-string": "^1.0.0", "unist-util-visit": "^4.0.0", "zwitch": "^2.0.0" } }, "sha512-bbv7TPv/WC49thZPg3jXuqzuvI45IL2EVAr/KxF0BSdHsU0ceFHOmwQn6evxAh1GaoK/6GQ1wp4R4oW2+LFL/A=="],
 
-    "mdast-util-mdx-expression/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "mdast-util-mdx-expression/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA=="],
-
-    "mdast-util-mdx-jsx/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "mdast-util-mdx-jsx/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-mdx-jsx/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown": ["mdast-util-to-markdown@2.1.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "longest-streak": "^3.0.0", "mdast-util-phrasing": "^4.0.0", "mdast-util-to-string": "^4.0.0", "micromark-util-decode-string": "^2.0.0", "unist-util-visit": "^5.0.0", "zwitch": "^2.0.0" } }, "sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ=="],
-
-    "mdast-util-mdx-jsx/unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
-    "mdast-util-mdxjs-esm/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "mdast-util-mdxjs-esm/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA=="],
-
-    "mdast-util-phrasing/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-phrasing/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
-
-    "mdast-util-to-hast/@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
-
-    "mdast-util-to-hast/unist-util-position": ["unist-util-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA=="],
-
-    "mdast-util-to-hast/unist-util-visit": ["unist-util-visit@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg=="],
-
-    "mdast-util-to-hast/vfile": ["vfile@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-stringify-position": "^4.0.0", "vfile-message": "^4.0.0" } }, "sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw=="],
-
-    "mdast-util-to-markdown/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "mdast-util-to-markdown/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-markdown/mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
-
-    "mdast-util-to-markdown/micromark-util-decode-string": ["micromark-util-decode-string@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA=="],
-
-    "mdast-util-to-markdown/unist-util-visit": ["unist-util-visit@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg=="],
-
-    "mdast-util-to-string/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
     "mdx-bundler/gray-matter": ["gray-matter@4.0.3", "", { "dependencies": { "js-yaml": "^3.13.1", "kind-of": "^6.0.2", "section-matter": "^1.0.0", "strip-bom-string": "^1.0.0" } }, "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q=="],
 
     "mdx-bundler/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
-    "micromark/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark/micromark-util-encode": ["micromark-util-encode@2.0.0", "", {}, "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA=="],
-
-    "micromark/micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw=="],
-
-    "micromark/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-core-commonmark/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-core-commonmark/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "micromark-extension-frontmatter/micromark-util-character": ["micromark-util-character@1.2.0", "", { "dependencies": { "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg=="],
 
     "micromark-extension-frontmatter/micromark-util-symbol": ["micromark-util-symbol@1.1.0", "", {}, "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag=="],
@@ -1807,14 +1808,6 @@
 
     "micromark-extension-mdxjs-esm/vfile-message": ["vfile-message@3.1.4", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-stringify-position": "^3.0.0" } }, "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw=="],
 
-    "micromark-factory-destination/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-factory-destination/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-factory-label/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-factory-label/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "micromark-factory-mdx-expression/micromark-util-character": ["micromark-util-character@1.2.0", "", { "dependencies": { "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg=="],
 
     "micromark-factory-mdx-expression/micromark-util-symbol": ["micromark-util-symbol@1.1.0", "", {}, "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag=="],
@@ -1823,30 +1816,6 @@
 
     "micromark-factory-mdx-expression/vfile-message": ["vfile-message@3.1.4", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-stringify-position": "^3.0.0" } }, "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw=="],
 
-    "micromark-factory-space/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-factory-title/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-factory-title/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-factory-whitespace/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-factory-whitespace/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-util-character/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
-    "micromark-util-chunked/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-util-classify-character/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-util-classify-character/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-util-decode-numeric-character-reference/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "micromark-util-decode-string/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "micromark-util-events-to-acorn/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "micromark-util-events-to-acorn/micromark-util-symbol": ["micromark-util-symbol@1.1.0", "", {}, "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag=="],
@@ -1855,10 +1824,6 @@
 
     "micromark-util-events-to-acorn/vfile-message": ["vfile-message@3.1.4", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-stringify-position": "^3.0.0" } }, "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw=="],
 
-    "micromark-util-normalize-identifier/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "micromark-util-subtokenize/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
 
     "node-abi/semver": ["semver@7.6.0", "", { "dependencies": { "lru-cache": "^6.0.0" }, "bin": "bin/semver.js" }, "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg=="],
@@ -1873,6 +1838,8 @@
 
     "postcss-load-config/lilconfig": ["lilconfig@3.1.1", "", {}, "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ=="],
 
+    "postcss-load-config/yaml": ["yaml@2.3.4", "", {}, "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA=="],
+
     "prebuild-install/tar-fs": ["tar-fs@2.1.1", "", { "dependencies": { "chownr": "^1.1.1", "mkdirp-classic": "^0.5.2", "pump": "^3.0.0", "tar-stream": "^2.1.4" } }, "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng=="],
 
     "randomatic/is-number": ["is-number@4.0.0", "", {}, "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ=="],
@@ -1893,42 +1860,40 @@
 
     "remark-mdx-frontmatter/toml": ["toml@3.0.0", "", {}, "sha512-y/mWCZinnvxjTKYhJ+pYxwD0mRLVvOtdS2Awbgxln6iEnt4rk0yBxeSBHkGJcPucRiG0e55mwWp+g/05rsrd6w=="],
 
-    "remark-parse/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
-    "remark-rehype/@types/mdast": ["@types/mdast@4.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg=="],
-
     "remarkable/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
 
     "rimraf/glob": ["glob@7.2.3", "", { "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", "minimatch": "^3.1.1", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q=="],
 
     "sharp/semver": ["semver@7.6.0", "", { "dependencies": { "lru-cache": "^6.0.0" }, "bin": "bin/semver.js" }, "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg=="],
 
+    "slice-ansi/ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
+
+    "string-width/emoji-regex": ["emoji-regex@10.5.0", "", {}, "sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg=="],
+
     "string-width/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
 
     "string-width-cjs/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
+    "string-width-cjs/is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
+    "sucrase/commander": ["commander@4.1.1", "", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
+
     "svg.resize.js/svg.select.js": ["svg.select.js@2.1.2", "", { "dependencies": { "svg.js": "^2.2.5" } }, "sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ=="],
 
+    "tailwindcss/lilconfig": ["lilconfig@2.1.0", "", {}, "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="],
+
+    "tailwindcss/micromatch": ["micromatch@4.0.5", "", { "dependencies": { "braces": "^3.0.2", "picomatch": "^2.3.1" } }, "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA=="],
+
     "to-object-path/kind-of": ["kind-of@3.2.2", "", { "dependencies": { "is-buffer": "^1.1.5" } }, "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ=="],
 
     "to-regex-range/is-number": ["is-number@7.0.0", "", {}, "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="],
 
-    "unist-util-position/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
     "unist-util-position-from-estree/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "unist-util-remove-position/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "unist-util-remove-position/unist-util-visit": ["unist-util-visit@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg=="],
-
     "vfile-location/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "vfile-location/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
-    "vfile-message/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "vfile-message/unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
     "wrap-ansi/ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
 
     "wrap-ansi/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
@@ -1951,20 +1916,20 @@
 
     "@contentlayer/core/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "@contentlayer/core/unified/is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
-
     "@contentlayer/core/unified/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
     "@contentlayer/source-files/gray-matter/js-yaml": ["js-yaml@3.14.1", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": "bin/js-yaml.js" }, "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g=="],
 
-    "@contentlayer/source-files/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
+    "@contentlayer/source-files/micromatch/braces": ["braces@3.0.2", "", { "dependencies": { "fill-range": "^7.0.1" } }, "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A=="],
 
-    "@contentlayer/source-files/unified/is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
+    "@contentlayer/source-files/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "@contentlayer/source-files/unified/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
     "@isaacs/cliui/strip-ansi/ansi-regex": ["ansi-regex@6.0.1", "", {}, "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="],
 
+    "@isaacs/cliui/wrap-ansi/ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
+
     "@mdx-js/esbuild/vfile/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "@mdx-js/esbuild/vfile/unist-util-stringify-position": ["unist-util-stringify-position@3.0.3", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg=="],
@@ -1983,8 +1948,6 @@
 
     "@mdx-js/mdx/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "@mdx-js/mdx/unified/is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
-
     "@mdx-js/mdx/unist-util-stringify-position/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "@mdx-js/mdx/unist-util-visit/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
@@ -2021,18 +1984,18 @@
 
     "@opentelemetry/sdk-metrics/@opentelemetry/resources/@opentelemetry/semantic-conventions": ["@opentelemetry/semantic-conventions@1.13.0", "", {}, "sha512-LMGqfSZkaMQXqewO0o1wvWr/2fQdCh4a3Sqlxka/UsJCe0cfLulh6x2aqnKLnsrSGiCq5rSCwvINd152i0nCqw=="],
 
-    "@opentelemetry/sdk-trace-node/semver/lru-cache": ["lru-cache@6.0.0", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA=="],
-
     "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.1", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA=="],
 
-    "@typescript-eslint/typescript-estree/semver/lru-cache": ["lru-cache@6.0.0", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA=="],
+    "chokidar/braces/fill-range": ["fill-range@7.0.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ=="],
 
     "cliui/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
-    "expand-range/fill-range/is-number": ["is-number@2.1.0", "", { "dependencies": { "kind-of": "^3.0.2" } }, "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg=="],
+    "cliui/string-width/is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
 
     "expand-range/fill-range/isobject": ["isobject@2.1.0", "", { "dependencies": { "isarray": "1.0.0" } }, "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA=="],
 
+    "fast-glob/micromatch/braces": ["braces@3.0.2", "", { "dependencies": { "fill-range": "^7.0.1" } }, "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A=="],
+
     "glob/minimatch/brace-expansion": ["brace-expansion@2.0.1", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA=="],
 
     "gray-matter/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
@@ -2075,12 +2038,18 @@
 
     "hast-util-to-parse5/@types/hast/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "hast-util-whitespace/@types/hast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
     "hastscript/@types/hast/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "is-number/kind-of/is-buffer": ["is-buffer@1.1.6", "", {}, "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="],
 
+    "lint-staged/debug/ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
+
+    "log-update/slice-ansi/ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
+
+    "log-update/slice-ansi/is-fullwidth-code-point": ["is-fullwidth-code-point@5.1.0", "", { "dependencies": { "get-east-asian-width": "^1.3.1" } }, "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ=="],
+
+    "log-update/strip-ansi/ansi-regex": ["ansi-regex@6.0.1", "", {}, "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="],
+
     "mdast-util-definitions/unist-util-visit/unist-util-is": ["unist-util-is@5.2.1", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw=="],
 
     "mdast-util-definitions/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@5.1.3", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0" } }, "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg=="],
@@ -2097,50 +2066,6 @@
 
     "mdast-util-frontmatter/mdast-util-to-markdown/unist-util-visit": ["unist-util-visit@4.1.2", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0", "unist-util-visit-parents": "^5.1.1" } }, "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg=="],
 
-    "mdast-util-mdx-expression/@types/hast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdx-expression/@types/mdast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark": ["micromark@4.0.0", "", { "dependencies": { "@types/debug": "^4.0.0", "debug": "^4.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-decode-string": ["micromark-util-decode-string@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-normalize-identifier": ["micromark-util-normalize-identifier@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark": ["micromark@4.0.0", "", { "dependencies": { "@types/debug": "^4.0.0", "debug": "^4.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-decode-string": ["micromark-util-decode-string@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-normalize-identifier": ["micromark-util-normalize-identifier@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/mdast-util-phrasing": ["mdast-util-phrasing@4.1.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "unist-util-is": "^6.0.0" } }, "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/micromark-util-decode-string": ["micromark-util-decode-string@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/unist-util-visit": ["unist-util-visit@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg=="],
-
     "mdast-util-mdx/mdast-util-from-markdown/@types/mdast": ["@types/mdast@3.0.15", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ=="],
 
     "mdast-util-mdx/mdast-util-from-markdown/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
@@ -2193,56 +2118,6 @@
 
     "mdast-util-mdx/mdast-util-to-markdown/unist-util-visit": ["unist-util-visit@4.1.2", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0", "unist-util-visit-parents": "^5.1.1" } }, "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg=="],
 
-    "mdast-util-mdxjs-esm/@types/hast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdxjs-esm/@types/mdast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark": ["micromark@4.0.0", "", { "dependencies": { "@types/debug": "^4.0.0", "debug": "^4.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-decode-string": ["micromark-util-decode-string@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-normalize-identifier": ["micromark-util-normalize-identifier@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
-    "mdast-util-phrasing/@types/mdast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-phrasing/unist-util-is/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-hast/@types/hast/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-hast/unist-util-position/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-hast/unist-util-visit/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-hast/unist-util-visit/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
-
-    "mdast-util-to-hast/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw=="],
-
-    "mdast-util-to-hast/vfile/@types/unist": ["@types/unist@3.0.2", "", {}, "sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ=="],
-
-    "mdast-util-to-hast/vfile/unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
-
-    "mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-to-markdown/micromark-util-decode-string/micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ=="],
-
-    "mdast-util-to-markdown/micromark-util-decode-string/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "mdast-util-to-markdown/unist-util-visit/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
-
-    "mdast-util-to-markdown/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw=="],
-
     "mdx-bundler/gray-matter/js-yaml": ["js-yaml@3.14.1", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": "bin/js-yaml.js" }, "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g=="],
 
     "mdx-bundler/vfile/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
@@ -2287,41 +2162,29 @@
 
     "micromark-factory-mdx-expression/vfile-message/unist-util-stringify-position": ["unist-util-stringify-position@3.0.3", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg=="],
 
-    "micromark-factory-space/micromark-util-character/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
     "micromark-util-events-to-acorn/vfile-message/unist-util-stringify-position": ["unist-util-stringify-position@3.0.3", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg=="],
 
     "next/postcss/nanoid": ["nanoid@3.3.7", "", { "bin": "bin/nanoid.cjs" }, "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="],
 
-    "node-abi/semver/lru-cache": ["lru-cache@6.0.0", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA=="],
-
     "prebuild-install/tar-fs/tar-stream": ["tar-stream@2.2.0", "", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
 
     "rehype-stringify/@types/hast/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "rehype-stringify/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "rehype-stringify/unified/is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
-
     "rehype-stringify/unified/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
     "remark-frontmatter/@types/mdast/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
     "remark-frontmatter/unified/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "remark-frontmatter/unified/is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
-
     "remark-frontmatter/unified/vfile": ["vfile@5.3.7", "", { "dependencies": { "@types/unist": "^2.0.0", "is-buffer": "^2.0.0", "unist-util-stringify-position": "^3.0.0", "vfile-message": "^3.0.0" } }, "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g=="],
 
-    "sharp/semver/lru-cache": ["lru-cache@6.0.0", "", { "dependencies": { "yallist": "^4.0.0" } }, "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA=="],
-
     "string-width/strip-ansi/ansi-regex": ["ansi-regex@6.0.1", "", {}, "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="],
 
-    "to-object-path/kind-of/is-buffer": ["is-buffer@1.1.6", "", {}, "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="],
-
-    "unist-util-remove-position/unist-util-visit/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
+    "tailwindcss/micromatch/braces": ["braces@3.0.2", "", { "dependencies": { "fill-range": "^7.0.1" } }, "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A=="],
 
-    "unist-util-remove-position/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw=="],
+    "to-object-path/kind-of/is-buffer": ["is-buffer@1.1.6", "", {}, "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="],
 
     "vfile-location/vfile/unist-util-stringify-position": ["unist-util-stringify-position@3.0.3", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg=="],
 
@@ -2329,10 +2192,14 @@
 
     "wrap-ansi-cjs/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
+    "wrap-ansi-cjs/string-width/is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
     "wrap-ansi/strip-ansi/ansi-regex": ["ansi-regex@6.0.1", "", {}, "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA=="],
 
     "yargs/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
+    "yargs/string-width/is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
     "@contentlayer/core/gray-matter/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
 
     "@contentlayer/core/remark-parse/@types/mdast/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
@@ -2371,6 +2238,8 @@
 
     "@contentlayer/source-files/gray-matter/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
 
+    "@contentlayer/source-files/micromatch/braces/fill-range": ["fill-range@7.0.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ=="],
+
     "@contentlayer/source-files/unified/vfile/unist-util-stringify-position": ["unist-util-stringify-position@3.0.3", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg=="],
 
     "@contentlayer/source-files/unified/vfile/vfile-message": ["vfile-message@3.1.4", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-stringify-position": "^3.0.0" } }, "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw=="],
@@ -2401,10 +2270,10 @@
 
     "@mdx-js/mdx/remark-rehype/mdast-util-to-hast/unist-util-position": ["unist-util-position@4.0.4", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg=="],
 
-    "expand-range/fill-range/is-number/kind-of": ["kind-of@3.2.2", "", { "dependencies": { "is-buffer": "^1.1.5" } }, "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ=="],
-
     "expand-range/fill-range/isobject/isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
 
+    "fast-glob/micromatch/braces/fill-range": ["fill-range@7.0.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ=="],
+
     "hast-util-to-estree/mdast-util-mdx-expression/mdast-util-from-markdown/mdast-util-to-string": ["mdast-util-to-string@3.2.0", "", { "dependencies": { "@types/mdast": "^3.0.0" } }, "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg=="],
 
     "hast-util-to-estree/mdast-util-mdx-expression/mdast-util-from-markdown/micromark": ["micromark@3.2.0", "", { "dependencies": { "@types/debug": "^4.0.0", "debug": "^4.0.0", "decode-named-character-reference": "^1.0.0", "micromark-core-commonmark": "^1.0.1", "micromark-factory-space": "^1.0.0", "micromark-util-character": "^1.0.0", "micromark-util-chunked": "^1.0.0", "micromark-util-combine-extensions": "^1.0.0", "micromark-util-decode-numeric-character-reference": "^1.0.0", "micromark-util-encode": "^1.0.0", "micromark-util-normalize-identifier": "^1.0.0", "micromark-util-resolve-all": "^1.0.0", "micromark-util-sanitize-uri": "^1.0.0", "micromark-util-subtokenize": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.1", "uvu": "^0.5.0" } }, "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA=="],
@@ -2465,58 +2334,6 @@
 
     "mdast-util-frontmatter/mdast-util-to-markdown/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@5.1.3", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0" } }, "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg=="],
 
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-destination": "^2.0.0", "micromark-factory-label": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-factory-title": "^2.0.0", "micromark-factory-whitespace": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-html-tag-name": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-chunked": ["micromark-util-chunked@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-combine-extensions": ["micromark-util-combine-extensions@2.0.0", "", { "dependencies": { "micromark-util-chunked": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-encode": ["micromark-util-encode@2.0.0", "", {}, "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-resolve-all": ["micromark-util-resolve-all@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-util-subtokenize": ["micromark-util-subtokenize@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-destination": "^2.0.0", "micromark-factory-label": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-factory-title": "^2.0.0", "micromark-factory-whitespace": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-html-tag-name": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-chunked": ["micromark-util-chunked@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-combine-extensions": ["micromark-util-combine-extensions@2.0.0", "", { "dependencies": { "micromark-util-chunked": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-encode": ["micromark-util-encode@2.0.0", "", {}, "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-resolve-all": ["micromark-util-resolve-all@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-util-subtokenize": ["micromark-util-subtokenize@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/mdast-util-phrasing/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-symbol": ["micromark-util-symbol@2.0.0", "", {}, "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/unist-util-visit/unist-util-is": ["unist-util-is@6.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw=="],
-
     "mdast-util-mdx/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@1.1.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-factory-destination": "^1.0.0", "micromark-factory-label": "^1.0.0", "micromark-factory-space": "^1.0.0", "micromark-factory-title": "^1.0.0", "micromark-factory-whitespace": "^1.0.0", "micromark-util-character": "^1.0.0", "micromark-util-chunked": "^1.0.0", "micromark-util-classify-character": "^1.0.0", "micromark-util-html-tag-name": "^1.0.0", "micromark-util-normalize-identifier": "^1.0.0", "micromark-util-resolve-all": "^1.0.0", "micromark-util-subtokenize": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.1", "uvu": "^0.5.0" } }, "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw=="],
 
     "mdast-util-mdx/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ=="],
@@ -2559,28 +2376,6 @@
 
     "mdast-util-mdx/mdast-util-to-markdown/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@5.1.3", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0" } }, "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg=="],
 
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@2.0.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-destination": "^2.0.0", "micromark-factory-label": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-factory-title": "^2.0.0", "micromark-factory-whitespace": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-html-tag-name": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-chunked": ["micromark-util-chunked@2.0.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-combine-extensions": ["micromark-util-combine-extensions@2.0.0", "", { "dependencies": { "micromark-util-chunked": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-encode": ["micromark-util-encode@2.0.0", "", {}, "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-resolve-all": ["micromark-util-resolve-all@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-util-subtokenize": ["micromark-util-subtokenize@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark-util-decode-string/micromark-util-character": ["micromark-util-character@2.1.0", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ=="],
-
-    "mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
     "mdx-bundler/gray-matter/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
 
     "micromark-extension-mdxjs/micromark-util-combine-extensions/micromark-util-chunked/micromark-util-symbol": ["micromark-util-symbol@1.1.0", "", {}, "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag=="],
@@ -2595,6 +2390,8 @@
 
     "remark-frontmatter/unified/vfile/vfile-message": ["vfile-message@3.1.4", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-stringify-position": "^3.0.0" } }, "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw=="],
 
+    "tailwindcss/micromatch/braces/fill-range": ["fill-range@7.0.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ=="],
+
     "@contentlayer/core/remark-parse/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@1.1.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-factory-destination": "^1.0.0", "micromark-factory-label": "^1.0.0", "micromark-factory-space": "^1.0.0", "micromark-factory-title": "^1.0.0", "micromark-factory-whitespace": "^1.0.0", "micromark-util-character": "^1.0.0", "micromark-util-chunked": "^1.0.0", "micromark-util-classify-character": "^1.0.0", "micromark-util-html-tag-name": "^1.0.0", "micromark-util-normalize-identifier": "^1.0.0", "micromark-util-resolve-all": "^1.0.0", "micromark-util-subtokenize": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.1", "uvu": "^0.5.0" } }, "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw=="],
 
     "@contentlayer/core/remark-parse/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ=="],
@@ -2657,8 +2454,6 @@
 
     "@mdx-js/mdx/remark-rehype/mdast-util-to-hast/unist-util-position/@types/unist": ["@types/unist@2.0.10", "", {}, "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA=="],
 
-    "expand-range/fill-range/is-number/kind-of/is-buffer": ["is-buffer@1.1.6", "", {}, "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="],
-
     "hast-util-to-estree/mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark": ["micromark-core-commonmark@1.1.0", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-factory-destination": "^1.0.0", "micromark-factory-label": "^1.0.0", "micromark-factory-space": "^1.0.0", "micromark-factory-title": "^1.0.0", "micromark-factory-whitespace": "^1.0.0", "micromark-util-character": "^1.0.0", "micromark-util-chunked": "^1.0.0", "micromark-util-classify-character": "^1.0.0", "micromark-util-html-tag-name": "^1.0.0", "micromark-util-normalize-identifier": "^1.0.0", "micromark-util-resolve-all": "^1.0.0", "micromark-util-subtokenize": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.1", "uvu": "^0.5.0" } }, "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw=="],
 
     "hast-util-to-estree/mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-factory-space": ["micromark-factory-space@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ=="],
@@ -2725,32 +2520,6 @@
 
     "mdast-util-frontmatter/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character/micromark-util-types": ["micromark-util-types@1.1.0", "", {}, "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg=="],
 
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-destination": ["micromark-factory-destination@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-label": ["micromark-factory-label@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-title": ["micromark-factory-title@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-classify-character": ["micromark-util-classify-character@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw=="],
-
-    "mdast-util-mdx-expression/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-html-tag-name": ["micromark-util-html-tag-name@2.0.0", "", {}, "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-destination": ["micromark-factory-destination@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-label": ["micromark-factory-label@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-title": ["micromark-factory-title@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-classify-character": ["micromark-util-classify-character@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-html-tag-name": ["micromark-util-html-tag-name@2.0.0", "", {}, "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw=="],
-
-    "mdast-util-mdx-jsx/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character/micromark-util-types": ["micromark-util-types@2.0.0", "", {}, "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w=="],
-
     "mdast-util-mdx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-destination": ["micromark-factory-destination@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg=="],
 
     "mdast-util-mdx/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-label": ["micromark-factory-label@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0", "uvu": "^0.5.0" } }, "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w=="],
@@ -2769,18 +2538,6 @@
 
     "mdast-util-mdx/mdast-util-to-markdown/micromark-util-decode-string/micromark-util-character/micromark-util-types": ["micromark-util-types@1.1.0", "", {}, "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg=="],
 
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-destination": ["micromark-factory-destination@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-label": ["micromark-factory-label@2.0.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-title": ["micromark-factory-title@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.0", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-classify-character": ["micromark-util-classify-character@2.0.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw=="],
-
-    "mdast-util-mdxjs-esm/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-util-html-tag-name": ["micromark-util-html-tag-name@2.0.0", "", {}, "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw=="],
-
     "@contentlayer/core/remark-parse/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-destination": ["micromark-factory-destination@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0" } }, "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg=="],
 
     "@contentlayer/core/remark-parse/mdast-util-from-markdown/micromark/micromark-core-commonmark/micromark-factory-label": ["micromark-factory-label@1.1.0", "", { "dependencies": { "micromark-util-character": "^1.0.0", "micromark-util-symbol": "^1.0.0", "micromark-util-types": "^1.0.0", "uvu": "^0.5.0" } }, "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w=="],
diff --git a/components/AddToCartSingleProductBtn.tsx b/components/AddToCartSingleProductBtn.tsx
index 6dd47967..14aa8915 100644
--- a/components/AddToCartSingleProductBtn.tsx
+++ b/components/AddToCartSingleProductBtn.tsx
@@ -7,17 +7,16 @@
 // Input parameters: SingleProductBtnProps interface
 // Output: Button with adding to cart functionality
 // *********************
-"use client";
+'use client';
 
+import React from 'react';
+import { useProductStore } from '@/app/_zustand/store';
+import toast from 'react-hot-toast';
 
-
-import React from "react";
-import { useProductStore } from "@/app/_zustand/store";
-import toast from "react-hot-toast";
-
-
-
-const AddToCartSingleProductBtn = ({ product, quantityCount } : SingleProductBtnProps) => {
+const AddToCartSingleProductBtn = ({
+  product,
+  quantityCount,
+}: SingleProductBtnProps) => {
   const { addToCart, calculateTotals } = useProductStore();
 
   const handleAddToCart = () => {
@@ -26,10 +25,10 @@ const AddToCartSingleProductBtn = ({ product, quantityCount } : SingleProductBtn
       title: product?.title,
       price: product?.price,
       image: product?.mainImage,
-      amount: quantityCount
+      amount: quantityCount,
     });
     calculateTotals();
-    toast.success("Product added to the cart");
+    toast.success('Product added to the cart');
   };
   return (
     <button
diff --git a/components/AddToWishlistBtn.tsx b/components/AddToWishlistBtn.tsx
index fa2da787..ec4ec89e 100644
--- a/components/AddToWishlistBtn.tsx
+++ b/components/AddToWishlistBtn.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
 
 // *********************
 // Role of the component: Button for adding and removing product to the wishlist on the single product page
@@ -10,12 +10,12 @@
 // Output: Two buttons with adding and removing from the wishlist functionality
 // *********************
 
-import { useWishlistStore } from "@/app/_zustand/wishlistStore";
-import { useSession } from "next-auth/react";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { FaHeartCrack } from "react-icons/fa6";
-import { FaHeart } from "react-icons/fa6";
+import { useWishlistStore } from '@/app/_zustand/wishlistStore';
+import { useSession } from 'next-auth/react';
+import React, { useCallback, useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { FaHeartCrack } from 'react-icons/fa6';
+import { FaHeart } from 'react-icons/fa6';
 
 interface AddToWishlistBtnProps {
   product: Product;
@@ -32,15 +32,15 @@ const AddToWishlistBtn = ({ product, slug }: AddToWishlistBtnProps) => {
     if (session?.user?.email) {
       // sending fetch request to get user id because we will need it for saving wish item
       fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) =>
-          fetch("http://localhost:3001/api/wishlist", {
-            method: "POST",
+          fetch('http://localhost:3001/api/wishlist', {
+            method: 'POST',
             headers: {
-              Accept: "application/json, text/plain, */*",
-              "Content-Type": "application/json",
+              Accept: 'application/json, text/plain, */*',
+              'Content-Type': 'application/json',
             },
             body: JSON.stringify({ productId: product?.id, userId: data?.id }),
           })
@@ -54,11 +54,11 @@ const AddToWishlistBtn = ({ product, slug }: AddToWishlistBtnProps) => {
                 slug: product?.slug,
                 stockAvailabillity: product?.inStock,
               });
-              toast.success("Product added to the wishlist");
-            })
+              toast.success('Product added to the wishlist');
+            }),
         );
     } else {
-      toast.error("You need to be logged in to add a product to the wishlist");
+      toast.error('You need to be logged in to add a product to the wishlist');
     }
   };
 
@@ -66,35 +66,35 @@ const AddToWishlistBtn = ({ product, slug }: AddToWishlistBtnProps) => {
     if (session?.user?.email) {
       // sending fetch request to get user id because we will need to delete wish item
       fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) => {
           return fetch(
             `http://localhost:3001/api/wishlist/${data?.id}/${product?.id}`,
             {
-              method: "DELETE",
-            }
+              method: 'DELETE',
+            },
           );
         })
         .then((response) => {
           removeFromWishlist(product?.id);
-          toast.success("Product removed from the wishlist");
+          toast.success('Product removed from the wishlist');
         });
     }
   };
 
-  const isInWishlist = async () => {
+  const isInWishlist = useCallback(() => {
     // sending fetch request to get user id because we will need it for cheching whether the product is in wishlist
     if (session?.user?.email) {
       fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) => {
           // checking is product in wishlist
           return fetch(
-            `http://localhost:3001/api/wishlist/${data?.id}/${product?.id}`
+            `http://localhost:3001/api/wishlist/${data?.id}/${product?.id}`,
           );
         })
         .then((response) => response.json())
@@ -106,11 +106,11 @@ const AddToWishlistBtn = ({ product, slug }: AddToWishlistBtnProps) => {
           }
         });
     }
-  };
+  }, [session?.user?.email, product?.id]);
 
   useEffect(() => {
     isInWishlist();
-  }, [session?.user?.email, wishlist]);
+  }, [isInWishlist]);
 
   return (
     <>
diff --git a/components/AdminOrders.tsx b/components/AdminOrders.tsx
index 357bd90e..9ecb0b96 100644
--- a/components/AdminOrders.tsx
+++ b/components/AdminOrders.tsx
@@ -1,4 +1,4 @@
-"use client";
+'use client';
 
 // *********************
 // Role of the component: Component that displays all orders on admin dashboard page
@@ -10,15 +10,15 @@
 // Output: Table with all orders
 // *********************
 
-import React, { useEffect, useState } from "react";
-import Link from "next/link";
+import React, { useEffect, useState } from 'react';
+import Link from 'next/link';
 
 const AdminOrders = () => {
   const [orders, setOrders] = useState<Order[]>([]);
 
   useEffect(() => {
     const fetchOrders = async () => {
-      const response = await fetch("http://localhost:3001/api/orders");
+      const response = await fetch('http://localhost:3001/api/orders');
       const data = await response.json();
       setOrders(data);
     };
@@ -67,7 +67,9 @@ const AdminOrders = () => {
                     <div className="flex items-center gap-5">
                       <div>
                         <div className="font-bold">{order?.name}</div>
-                        <div className="text-sm opacity-50">{order?.country}</div>
+                        <div className="text-sm opacity-50">
+                          {order?.country}
+                        </div>
                       </div>
                     </div>
                   </td>
@@ -82,7 +84,9 @@ const AdminOrders = () => {
                     <p>${order?.total}</p>
                   </td>
 
-                  <td>{ new Date(Date.parse(order?.dateTime)).toDateString() }</td>
+                  <td>
+                    {new Date(Date.parse(order?.dateTime)).toDateString()}
+                  </td>
                   <th>
                     <Link
                       href={`/admin/orders/${order?.id}`}
diff --git a/components/Breadcrumb.tsx b/components/Breadcrumb.tsx
index c5dfb990..c893efdc 100644
--- a/components/Breadcrumb.tsx
+++ b/components/Breadcrumb.tsx
@@ -1,5 +1,5 @@
 // *********************
-// Role of the component: Component that displays current page location in the application 
+// Role of the component: Component that displays current page location in the application
 // Name of the component: Breadcrumb.tsx
 // Developer: Aleksandar Kuzmanovic
 // Version: 1.0
@@ -8,9 +8,9 @@
 // Output: Page location in the application
 // *********************
 
-import Link from "next/link";
-import React from "react";
-import { FaHouse } from "react-icons/fa6";
+import Link from 'next/link';
+import React from 'react';
+import { FaHouse } from 'react-icons/fa6';
 
 const Breadcrumb = () => {
   return (
diff --git a/components/BuyNowSingleProductBtn.tsx b/components/BuyNowSingleProductBtn.tsx
index 68c1584a..f7d03aae 100644
--- a/components/BuyNowSingleProductBtn.tsx
+++ b/components/BuyNowSingleProductBtn.tsx
@@ -8,11 +8,11 @@
 // Output: Button with buy now functionality
 // *********************
 
-"use client";
-import { useProductStore } from "@/app/_zustand/store";
-import React from "react";
-import toast from "react-hot-toast";
-import { useRouter } from "next/navigation";
+'use client';
+import { useProductStore } from '@/app/_zustand/store';
+import React from 'react';
+import toast from 'react-hot-toast';
+import { useRouter } from 'next/navigation';
 
 const BuyNowSingleProductBtn = ({
   product,
@@ -30,8 +30,8 @@ const BuyNowSingleProductBtn = ({
       amount: quantityCount,
     });
     calculateTotals();
-    toast.success("Product added to the cart");
-    router.push("/checkout");
+    toast.success('Product added to the cart');
+    router.push('/checkout');
   };
   return (
     <button
diff --git a/components/CartElement.tsx b/components/CartElement.tsx
index 0145fc94..413852ad 100644
--- a/components/CartElement.tsx
+++ b/components/CartElement.tsx
@@ -8,24 +8,24 @@
 // Output: Cart icon and quantity
 // *********************
 
-"use client";
-import Link from 'next/link'
-import React from 'react'
-import { FaCartShopping } from 'react-icons/fa6'
-import { useProductStore } from "@/app/_zustand/store";
+'use client';
+import Link from 'next/link';
+import React from 'react';
+import { FaCartShopping } from 'react-icons/fa6';
+import { useProductStore } from '@/app/_zustand/store';
 
 const CartElement = () => {
-    const { allQuantity } = useProductStore();
+  const { allQuantity } = useProductStore();
   return (
     <div className="relative">
-            <Link href="/cart">
-              <FaCartShopping className="text-2xl text-black" />
-              <span className="block w-6 h-6 bg-blue-600 text-white rounded-full flex justify-center items-center absolute top-[-17px] right-[-22px]">
-                { allQuantity }
-              </span>
-            </Link>
-          </div>
-  )
-}
+      <Link href="/cart">
+        <FaCartShopping className="text-2xl text-black" />
+        <span className="block w-6 h-6 bg-blue-600 text-white rounded-full flex justify-center items-center absolute top-[-17px] right-[-22px]">
+          {allQuantity}
+        </span>
+      </Link>
+    </div>
+  );
+};
 
-export default CartElement
\ No newline at end of file
+export default CartElement;
diff --git a/components/CategoryItem.tsx b/components/CategoryItem.tsx
index d23ac9e0..2c30bc37 100644
--- a/components/CategoryItem.tsx
+++ b/components/CategoryItem.tsx
@@ -8,8 +8,8 @@
 // Output: Category icon, category name and link to the category
 // *********************
 
-import Link from "next/link";
-import React, { type ReactNode } from "react";
+import Link from 'next/link';
+import React, { type ReactNode } from 'react';
 
 interface CategoryItemProps {
   children: ReactNode;
diff --git a/components/CategoryMenu.tsx b/components/CategoryMenu.tsx
index bfb9b06b..919a41b2 100644
--- a/components/CategoryMenu.tsx
+++ b/components/CategoryMenu.tsx
@@ -8,11 +8,11 @@
 // Output: section title and category items
 // *********************
 
-import React from "react";
-import CategoryItem from "./CategoryItem";
-import Image from "next/image";
-import { categoryMenuList } from "@/lib/utils";
-import Heading from "./Heading";
+import React from 'react';
+import CategoryItem from './CategoryItem';
+import Image from 'next/image';
+import { categoryMenuList } from '@/lib/utils';
+import Heading from './Heading';
 
 const CategoryMenu = () => {
   return (
diff --git a/components/Checkbox.tsx b/components/Checkbox.tsx
index 544c39f6..d20fcb21 100644
--- a/components/Checkbox.tsx
+++ b/components/Checkbox.tsx
@@ -7,9 +7,17 @@
 // Input parameters: { text: string, stateValue: any, setStateValue: any }
 // Output: checkbox input with label
 // *********************
-import React from "react";
+import React from 'react';
 
-const Checkbox = ({ text, stateValue, setStateValue } : { text: string, stateValue: any, setStateValue: any }) => {
+const Checkbox = ({
+  text,
+  stateValue,
+  setStateValue,
+}: {
+  text: string;
+  stateValue: any;
+  setStateValue: any;
+}) => {
   return (
     <div className="form-control">
       <label className="cursor-pointer flex items-center">
@@ -18,7 +26,7 @@ const Checkbox = ({ text, stateValue, setStateValue } : { text: string, stateVal
           defaultChecked
           className="checkbox checkbox-warning"
         />
-        <span className="label-text text-lg ml-2">{ text }</span>
+        <span className="label-text text-lg ml-2">{text}</span>
       </label>
     </div>
   );
diff --git a/components/ColorInput.tsx b/components/ColorInput.tsx
index 6da5838d..8b104818 100644
--- a/components/ColorInput.tsx
+++ b/components/ColorInput.tsx
@@ -8,8 +8,8 @@
 // Output: color chooser
 // *********************
 
-import React from "react";
-import { FaCheck } from "react-icons/fa6";
+import React from 'react';
+import { FaCheck } from 'react-icons/fa6';
 
 const ColorInput = () => {
   return (
diff --git a/components/CustomButton.tsx b/components/CustomButton.tsx
index 99e2b52b..e9ad9f31 100644
--- a/components/CustomButton.tsx
+++ b/components/CustomButton.tsx
@@ -8,13 +8,13 @@
 // Output: custom button component
 // *********************
 
-import React from "react";
+import React from 'react';
 
 interface CustomButtonProps {
   paddingX: number;
   paddingY: number;
   text: string;
-  buttonType: "submit" | "reset" | "button";
+  buttonType: 'submit' | 'reset' | 'button';
   customWidth: string;
   textSize: string;
 }
@@ -25,14 +25,12 @@ const CustomButton = ({
   text,
   buttonType,
   customWidth,
-  textSize
+  textSize,
 }: CustomButtonProps) => {
-
-
   return (
     <button
       type={`${buttonType}`}
-      className={`${customWidth !== "no" && `w-${customWidth}`} uppercase bg-white px-${paddingX} py-${paddingY} text-${textSize} border border-black border-gray-300 font-bold text-blue-600 shadow-sm hover:bg-black hover:bg-gray-100 focus:outline-none focus:ring-2`}
+      className={`${customWidth !== 'no' && `w-${customWidth}`} uppercase bg-white px-${paddingX} py-${paddingY} text-${textSize} border border-black border-gray-300 font-bold text-blue-600 shadow-sm hover:bg-black hover:bg-gray-100 focus:outline-none focus:ring-2`}
     >
       {text}
     </button>
diff --git a/components/DashboardProductTable.tsx b/components/DashboardProductTable.tsx
index ec7c66e5..5338cf47 100644
--- a/components/DashboardProductTable.tsx
+++ b/components/DashboardProductTable.tsx
@@ -8,18 +8,20 @@
 // Output: products table
 // *********************
 
-"use client";
-import { nanoid } from "nanoid";
-import Image from "next/image";
-import Link from "next/link";
-import React, { useEffect, useState } from "react";
-import CustomButton from "./CustomButton";
+'use client';
+import { nanoid } from 'nanoid';
+import Image from 'next/image';
+import Link from 'next/link';
+import React, { useEffect, useState } from 'react';
+import CustomButton from './CustomButton';
 
 const DashboardProductTable = () => {
   const [products, setProducts] = useState<Product[]>([]);
 
   useEffect(() => {
-    fetch("http://localhost:3001/api/products?mode=admin", {cache: "no-store"})
+    fetch('http://localhost:3001/api/products?mode=admin', {
+      cache: 'no-store',
+    })
       .then((res) => {
         return res.json();
       })
@@ -78,7 +80,11 @@ const DashboardProductTable = () => {
                           <Image
                             width={48}
                             height={48}
-                            src={product?.mainImage ? `/${product?.mainImage}` : "/product_placeholder.jpg"}
+                            src={
+                              product?.mainImage
+                                ? `/${product?.mainImage}`
+                                : '/product_placeholder.jpg'
+                            }
                             alt="Avatar Tailwind CSS Component"
                             className="w-auto h-auto"
                           />
@@ -94,12 +100,15 @@ const DashboardProductTable = () => {
                   </td>
 
                   <td>
-                    { product?.inStock ? (<span className="badge badge-success text-white badge-sm">
-                      In stock
-                    </span>) : (<span className="badge badge-error text-white badge-sm">
-                      Out of stock
-                    </span>) }
-                    
+                    {product?.inStock ? (
+                      <span className="badge badge-success text-white badge-sm">
+                        In stock
+                      </span>
+                    ) : (
+                      <span className="badge badge-error text-white badge-sm">
+                        Out of stock
+                      </span>
+                    )}
                   </td>
                   <td>${product?.price}</td>
                   <th>
diff --git a/components/DashboardSidebar.tsx b/components/DashboardSidebar.tsx
index 14d6334b..4f26b40d 100644
--- a/components/DashboardSidebar.tsx
+++ b/components/DashboardSidebar.tsx
@@ -8,53 +8,52 @@
 // Output: sidebar for admin dashboard page
 // *********************
 
-import React from "react";
-import { MdDashboard } from "react-icons/md";
-import { FaTable } from "react-icons/fa6";
-import { FaRegUser } from "react-icons/fa6";
-import { FaGear } from "react-icons/fa6";
-import { FaBagShopping } from "react-icons/fa6";
-import { MdCategory } from "react-icons/md";
+import React from 'react';
+import { MdDashboard } from 'react-icons/md';
+import { FaTable } from 'react-icons/fa6';
+import { FaRegUser } from 'react-icons/fa6';
+import { FaGear } from 'react-icons/fa6';
+import { FaBagShopping } from 'react-icons/fa6';
+import { MdCategory } from 'react-icons/md';
 
-
-import Link from "next/link";
+import Link from 'next/link';
 
 const DashboardSidebar = () => {
   return (
     <div className="xl:w-[400px] bg-blue-500 h-full max-xl:w-full">
       <Link href="/admin">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <MdDashboard className="text-2xl" />{" "}
+          <MdDashboard className="text-2xl" />{' '}
           <span className="font-normal">Dashboard</span>
         </div>
       </Link>
       <Link href="/admin/orders">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <FaBagShopping className="text-2xl" />{" "}
+          <FaBagShopping className="text-2xl" />{' '}
           <span className="font-normal">Orders</span>
         </div>
       </Link>
       <Link href="/admin/products">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <FaTable className="text-2xl" />{" "}
+          <FaTable className="text-2xl" />{' '}
           <span className="font-normal">Products</span>
         </div>
       </Link>
       <Link href="/admin/categories">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <MdCategory className="text-2xl" />{" "}
+          <MdCategory className="text-2xl" />{' '}
           <span className="font-normal">Categories</span>
         </div>
       </Link>
       <Link href="/admin/users">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <FaRegUser className="text-2xl" />{" "}
+          <FaRegUser className="text-2xl" />{' '}
           <span className="font-normal">Users</span>
         </div>
       </Link>
       <Link href="/admin/settings">
         <div className="flex gap-x-2 w-full hover:bg-blue-600 cursor-pointer items-center py-6 pl-5 text-xl text-white">
-          <FaGear className="text-2xl" />{" "}
+          <FaGear className="text-2xl" />{' '}
           <span className="font-normal">Settings</span>
         </div>
       </Link>
diff --git a/components/Filters.tsx b/components/Filters.tsx
index 349ce20e..f9c552ae 100644
--- a/components/Filters.tsx
+++ b/components/Filters.tsx
@@ -8,18 +8,18 @@
 // Output: stock, rating and price filter
 // *********************
 
-"use client";
-import React, { useEffect, useState } from "react";
-import { usePathname, useSearchParams } from "next/navigation";
-import { useRouter } from "next/navigation";
-import { useSortStore } from "@/app/_zustand/sortStore";
-import { usePaginationStore } from "@/app/_zustand/paginationStore";
+'use client';
+import React, { useEffect, useState } from 'react';
+import { usePathname, useSearchParams } from 'next/navigation';
+import { useRouter } from 'next/navigation';
+import { useSortStore } from '@/app/_zustand/sortStore';
+import { usePaginationStore } from '@/app/_zustand/paginationStore';
 
 interface InputCategory {
-  inStock: { text: string, isChecked: boolean },
-  outOfStock: { text: string, isChecked: boolean },
-  priceFilter: { text: string, value: number },
-  ratingFilter: { text: string, value: number },
+  inStock: { text: string; isChecked: boolean };
+  outOfStock: { text: string; isChecked: boolean };
+  priceFilter: { text: string; value: number };
+  ratingFilter: { text: string; value: number };
 }
 
 const Filters = () => {
@@ -30,24 +30,24 @@ const Filters = () => {
   const { page } = usePaginationStore();
 
   const [inputCategory, setInputCategory] = useState<InputCategory>({
-    inStock: { text: "instock", isChecked: true },
-    outOfStock: { text: "outofstock", isChecked: true },
-    priceFilter: { text: "price", value: 3000 },
-    ratingFilter: { text: "rating", value: 0 },
+    inStock: { text: 'instock', isChecked: true },
+    outOfStock: { text: 'outofstock', isChecked: true },
+    priceFilter: { text: 'price', value: 3000 },
+    ratingFilter: { text: 'rating', value: 0 },
   });
   const { sortBy } = useSortStore();
 
   useEffect(() => {
     const params = new URLSearchParams();
     // setting URL params and after that putting them all in URL
-    params.set("outOfStock", inputCategory.outOfStock.isChecked.toString());
-    params.set("inStock", inputCategory.inStock.isChecked.toString());
-    params.set("rating", inputCategory.ratingFilter.value.toString());
-    params.set("price", inputCategory.priceFilter.value.toString());
-    params.set("sort", sortBy);
-    params.set("page", page.toString());
+    params.set('outOfStock', inputCategory.outOfStock.isChecked.toString());
+    params.set('inStock', inputCategory.inStock.isChecked.toString());
+    params.set('rating', inputCategory.ratingFilter.value.toString());
+    params.set('price', inputCategory.priceFilter.value.toString());
+    params.set('sort', sortBy);
+    params.set('page', page.toString());
     replace(`${pathname}?${params}`);
-  }, [inputCategory, sortBy, page]);
+  }, [inputCategory, sortBy, page, pathname, replace]);
 
   return (
     <div>
@@ -64,7 +64,7 @@ const Filters = () => {
                 setInputCategory({
                   ...inputCategory,
                   inStock: {
-                    text: "instock",
+                    text: 'instock',
                     isChecked: !inputCategory.inStock.isChecked,
                   },
                 })
@@ -84,7 +84,7 @@ const Filters = () => {
                 setInputCategory({
                   ...inputCategory,
                   outOfStock: {
-                    text: "outofstock",
+                    text: 'outofstock',
                     isChecked: !inputCategory.outOfStock.isChecked,
                   },
                 })
@@ -113,7 +113,7 @@ const Filters = () => {
               setInputCategory({
                 ...inputCategory,
                 priceFilter: {
-                  text: "price",
+                  text: 'price',
                   value: Number(e.target.value),
                 },
               })
@@ -135,7 +135,7 @@ const Filters = () => {
           onChange={(e) =>
             setInputCategory({
               ...inputCategory,
-              ratingFilter: { text: "rating", value: Number(e.target.value) },
+              ratingFilter: { text: 'rating', value: Number(e.target.value) },
             })
           }
           className="range range-info"
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 6a3d6d38..0bfdc505 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -8,9 +8,9 @@
 // Output: Footer component
 // *********************
 
-import { navigation } from "@/lib/utils";
-import Image from "next/image";
-import React from "react";
+import { navigation } from '@/lib/utils';
+import Image from 'next/image';
+import React from 'react';
 
 const Footer = () => {
   return (
diff --git a/components/Header.tsx b/components/Header.tsx
index b50cdf36..125b654e 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -8,20 +8,20 @@
 // Output: Header component
 // *********************
 
-"use client";
-import { usePathname } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import HeaderTop from "./HeaderTop";
-import Image from "next/image";
-import SearchInput from "./SearchInput";
-import Link from "next/link";
-import { FaBell } from "react-icons/fa6";
+'use client';
+import { usePathname } from 'next/navigation';
+import React, { useCallback, useEffect, useState } from 'react';
+import HeaderTop from './HeaderTop';
+import Image from 'next/image';
+import SearchInput from './SearchInput';
+import Link from 'next/link';
+import { FaBell } from 'react-icons/fa6';
 
-import CartElement from "./CartElement";
-import HeartElement from "./HeartElement";
-import { signOut, useSession } from "next-auth/react";
-import toast from "react-hot-toast";
-import { useWishlistStore } from "@/app/_zustand/wishlistStore";
+import CartElement from './CartElement';
+import HeartElement from './HeartElement';
+import { signOut, useSession } from 'next-auth/react';
+import toast from 'react-hot-toast';
+import { useWishlistStore } from '@/app/_zustand/wishlistStore';
 
 const Header = () => {
   const { data: session, status } = useSession();
@@ -30,54 +30,71 @@ const Header = () => {
 
   const handleLogout = () => {
     setTimeout(() => signOut(), 1000);
-    toast.success("Logout successful!");
+    toast.success('Logout successful!');
   };
 
   // getting all wishlist items by user id
-  const getWishlistByUserId = async (id: string) => {
-    const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
-      cache: "no-store",
-    });
-    const wishlist = await response.json();
-    const productArray: {
-      id: string;
-      title: string;
-      price: number;
-      image: string;
-      slug:string
-      stockAvailabillity: number;
-    }[] = [];
-    
-    wishlist.map((item: any) => productArray.push({id: item?.product?.id, title: item?.product?.title, price: item?.product?.price, image: item?.product?.mainImage, slug: item?.product?.slug, stockAvailabillity: item?.product?.inStock}));
-    
-    setWishlist(productArray);
-  };
+  const getWishlistByUserId = useCallback(
+    async (id: string) => {
+      const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
+        cache: 'no-store',
+      });
+      const wishlist = await response.json();
+      const productArray: {
+        id: string;
+        title: string;
+        price: number;
+        image: string;
+        slug: string;
+        stockAvailabillity: number;
+      }[] = [];
+
+      wishlist.map((item: any) =>
+        productArray.push({
+          id: item?.product?.id,
+          title: item?.product?.title,
+          price: item?.product?.price,
+          image: item?.product?.mainImage,
+          slug: item?.product?.slug,
+          stockAvailabillity: item?.product?.inStock,
+        }),
+      );
+
+      setWishlist(productArray);
+    },
+    [setWishlist],
+  );
 
   // getting user by email so I can get his user id
-  const getUserByEmail = async () => {
+  const getUserByEmail = useCallback(() => {
     if (session?.user?.email) {
-      
       fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) => {
           getWishlistByUserId(data?.id);
         });
     }
-  };
+  }, [session?.user?.email, getWishlistByUserId]);
 
   useEffect(() => {
     getUserByEmail();
-  }, [session?.user?.email, wishlist.length]);
+  }, [getUserByEmail, getWishlistByUserId]);
 
   return (
     <header className="bg-white">
       <HeaderTop />
-      {pathname.startsWith("/admin") === false && (
+      {pathname.startsWith('/admin') === false && (
         <div className="h-32 bg-white flex items-center justify-between px-16 max-[1320px]:px-16 max-md:px-6 max-lg:flex-col max-lg:gap-y-7 max-lg:justify-center max-lg:h-60 max-w-screen-2xl mx-auto">
           <Link href="/">
-            <img src="/logo v1 svg.svg" width={300} height={300} alt="singitronic logo" className="relative right-5 max-[1023px]:w-56" />
+            <Image
+              src="/logo v1 svg.svg"
+              width={300}
+              height={300}
+              alt="singitronic logo"
+              className="relative right-5 max-[1023px]:w-56"
+            />
           </Link>
           <SearchInput />
           <div className="flex gap-x-10">
@@ -86,7 +103,7 @@ const Header = () => {
           </div>
         </div>
       )}
-      {pathname.startsWith("/admin") === true && (
+      {pathname.startsWith('/admin') === true && (
         <div className="flex justify-between h-32 bg-white items-center px-16 max-[1320px]:px-10  max-w-screen-2xl mx-auto max-[400px]:px-5">
           <Link href="/">
             <Image
diff --git a/components/HeaderTop.tsx b/components/HeaderTop.tsx
index 7bc38388..efa3bdd3 100644
--- a/components/HeaderTop.tsx
+++ b/components/HeaderTop.tsx
@@ -8,23 +8,23 @@
 // Output: topbar with phone, email and login and register links
 // *********************
 
-"use client";
-import { signOut, useSession } from "next-auth/react";
-import Link from "next/link";
-import React from "react";
-import toast from "react-hot-toast";
-import { FaHeadphones } from "react-icons/fa6";
-import { FaRegEnvelope } from "react-icons/fa6";
-import { FaLocationDot } from "react-icons/fa6";
-import { FaRegUser } from "react-icons/fa6";
+'use client';
+import { signOut, useSession } from 'next-auth/react';
+import Link from 'next/link';
+import React from 'react';
+import toast from 'react-hot-toast';
+import { FaHeadphones } from 'react-icons/fa6';
+import { FaRegEnvelope } from 'react-icons/fa6';
+import { FaLocationDot } from 'react-icons/fa6';
+import { FaRegUser } from 'react-icons/fa6';
 
 const HeaderTop = () => {
   const { data: session }: any = useSession();
 
   const handleLogout = () => {
     setTimeout(() => signOut(), 1000);
-    toast.success("Logout successful!");
-  }
+    toast.success('Logout successful!');
+  };
   return (
     <div className="h-10 text-white bg-blue-500 max-lg:px-5 max-lg:h-16 max-[573px]:px-0">
       <div className="flex justify-between h-full max-lg:flex-col max-lg:justify-center max-lg:items-center max-w-screen-2xl mx-auto px-12 max-[573px]:px-0">
@@ -39,30 +39,41 @@ const HeaderTop = () => {
           </li>
         </ul>
         <ul className="flex items-center gap-x-5 h-full max-[370px]:text-sm max-[370px]:gap-x-2 font-semibold">
-          {!session ? ( 
-          <>
-          <li className="flex items-center">
-            <Link href="/login" className="flex items-center gap-x-2 font-semibold">
-              <FaRegUser className="text-white" />
-              <span>Login</span>
-            </Link>
-          </li>
-          <li className="flex items-center">
-            <Link href="/register" className="flex items-center gap-x-2 font-semibold">
-              <FaRegUser className="text-white" />
-              <span>Register</span>
-            </Link>
-          </li>
-          </>
-          ) :  (<>
-          <span className="ml-10 text-base">{session.user?.email}</span>
-          <li className="flex items-center">
-            <button onClick={() => handleLogout()} className="flex items-center gap-x-2 font-semibold">
-              <FaRegUser className="text-white" />
-              <span>Log out</span>
-            </button>
-          </li>
-          </>)}
+          {!session ? (
+            <>
+              <li className="flex items-center">
+                <Link
+                  href="/login"
+                  className="flex items-center gap-x-2 font-semibold"
+                >
+                  <FaRegUser className="text-white" />
+                  <span>Login</span>
+                </Link>
+              </li>
+              <li className="flex items-center">
+                <Link
+                  href="/register"
+                  className="flex items-center gap-x-2 font-semibold"
+                >
+                  <FaRegUser className="text-white" />
+                  <span>Register</span>
+                </Link>
+              </li>
+            </>
+          ) : (
+            <>
+              <span className="ml-10 text-base">{session.user?.email}</span>
+              <li className="flex items-center">
+                <button
+                  onClick={() => handleLogout()}
+                  className="flex items-center gap-x-2 font-semibold"
+                >
+                  <FaRegUser className="text-white" />
+                  <span>Log out</span>
+                </button>
+              </li>
+            </>
+          )}
         </ul>
       </div>
     </div>
diff --git a/components/Heading.tsx b/components/Heading.tsx
index 9b91cd32..c56f3154 100644
--- a/components/Heading.tsx
+++ b/components/Heading.tsx
@@ -5,15 +5,17 @@
 // Version: 1.0
 // Component call: <Heading title={title} />
 // Input parameters: { title: string }
-// Output: h2 heading title with some styles 
+// Output: h2 heading title with some styles
 // *********************
 
-import React from 'react'
+import React from 'react';
 
-const Heading = ({ title } : { title: string }) => {
+const Heading = ({ title }: { title: string }) => {
   return (
-    <h2 className="text-white text-7xl font-extrabold text-center mt-20 max-lg:text-5xl">{ title }</h2>
-  )
-}
+    <h2 className="text-white text-7xl font-extrabold text-center mt-20 max-lg:text-5xl">
+      {title}
+    </h2>
+  );
+};
 
-export default Heading
\ No newline at end of file
+export default Heading;
diff --git a/components/HeartElement.tsx b/components/HeartElement.tsx
index 02495e3f..add9a5d1 100644
--- a/components/HeartElement.tsx
+++ b/components/HeartElement.tsx
@@ -8,19 +8,19 @@
 // Output: wishlist icon with quantity
 // *********************
 
-"use client";
-import { useWishlistStore } from "@/app/_zustand/wishlistStore";
-import Link from "next/link";
-import React from "react";
-import { FaHeart } from "react-icons/fa6";
+'use client';
+import { useWishlistStore } from '@/app/_zustand/wishlistStore';
+import Link from 'next/link';
+import React from 'react';
+import { FaHeart } from 'react-icons/fa6';
 
-const HeartElement = ({wishQuantity}: {wishQuantity: number}) => {
+const HeartElement = ({ wishQuantity }: { wishQuantity: number }) => {
   return (
     <div className="relative">
       <Link href="/wishlist">
         <FaHeart className="text-2xl text-black" />
         <span className="block w-6 h-6 font-bold bg-blue-600 text-white rounded-full flex justify-center items-center absolute top-[-17px] right-[-22px]">
-          { wishQuantity }
+          {wishQuantity}
         </span>
       </Link>
     </div>
diff --git a/components/Hero.tsx b/components/Hero.tsx
index d46a06d5..4474f271 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -8,10 +8,11 @@
 // Output: Classical hero component with two columns on desktop and one column on smaller devices
 // *********************
 
-import Image from "next/image";
-import React from "react";
+import Image from 'next/image';
+import React from 'react';
 
 const Hero = () => {
+  const value = 'testin';
   return (
     <div className="h-[700px] w-full bg-blue-500 max-lg:h-[900px] max-md:h-[750px]">
       <div className="grid grid-cols-3 items-center justify-items-center px-10 gap-x-10 max-w-screen-2xl mx-auto h-full max-lg:grid-cols-1 max-lg:py-10 max-lg:gap-y-10">
diff --git a/components/Incentives.tsx b/components/Incentives.tsx
index 0a2ebef2..551536be 100644
--- a/components/Incentives.tsx
+++ b/components/Incentives.tsx
@@ -8,33 +8,46 @@
 // Output: Incentives section
 // *********************
 
-import { incentives } from '@/lib/utils'
-import Image from 'next/image'
-import React from 'react'
+import { incentives } from '@/lib/utils';
+import Image from 'next/image';
+import React from 'react';
 
 const Incentives = () => {
   return (
     <div>
-      <h2 className='text-3xl text-center py-5'>Best Customer Benefits</h2>
-    <div className="mx-auto max-w-screen-2xl py-10 sm:px-2 lg:px-4">
-      <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-3">
-        {incentives.map((incentive) => (
-          <div key={incentive.name} className="text-center sm:flex sm:text-left lg:block lg:text-center">
-            <div className="sm:flex-shrink-0">
-              <div className="flow-root">
-                <Image width={48} height={48} className="mx-auto" src={incentive.imageSrc} alt={incentive.name} />
+      <h2 className="text-3xl text-center py-5">Best Customer Benefits</h2>
+      <div className="mx-auto max-w-screen-2xl py-10 sm:px-2 lg:px-4">
+        <div className="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 px-4 lg:max-w-none lg:grid-cols-3">
+          {incentives.map((incentive) => (
+            <div
+              key={incentive.name}
+              className="text-center sm:flex sm:text-left lg:block lg:text-center"
+            >
+              <div className="sm:flex-shrink-0">
+                <div className="flow-root">
+                  <Image
+                    width={48}
+                    height={48}
+                    className="mx-auto"
+                    src={incentive.imageSrc}
+                    alt={incentive.name}
+                  />
+                </div>
+              </div>
+              <div className="mt-3 sm:ml-3 sm:mt-0 lg:ml-0 lg:mt-3">
+                <h3 className="text-sm font-medium text-gray-900">
+                  {incentive.name}
+                </h3>
+                <p className="mt-2 text-sm text-gray-500">
+                  {incentive.description}
+                </p>
               </div>
             </div>
-            <div className="mt-3 sm:ml-3 sm:mt-0 lg:ml-0 lg:mt-3">
-              <h3 className="text-sm font-medium text-gray-900">{incentive.name}</h3>
-              <p className="mt-2 text-sm text-gray-500">{incentive.description}</p>
-            </div>
-          </div>
-        ))}
+          ))}
+        </div>
       </div>
     </div>
-  </div>
-  )
-}
+  );
+};
 
-export default Incentives
\ No newline at end of file
+export default Incentives;
diff --git a/components/IntroducingSection.tsx b/components/IntroducingSection.tsx
index 93174eb0..166d2f95 100644
--- a/components/IntroducingSection.tsx
+++ b/components/IntroducingSection.tsx
@@ -8,15 +8,16 @@
 // Output: Section with the text "Introducing Singitronic" and button
 // *********************
 
-import Link from "next/link";
-import React from "react";
+import Link from 'next/link';
+import React from 'react';
 
 const IntroducingSection = () => {
   return (
     <div className="py-20 pt-24 bg-gradient-to-l from-white to-blue-600">
       <div className="text-center flex flex-col gap-y-5 items-center">
         <h2 className="text-white text-8xl font-extrabold text-center mb-2 max-md:text-6xl max-[480px]:text-4xl">
-          INTRODUCING <span className="text-black">SINGI</span><span className="text-blue-600">TRONIC</span>
+          INTRODUCING <span className="text-black">SINGI</span>
+          <span className="text-blue-600">TRONIC</span>
         </h2>
         <div>
           <p className="text-white text-center text-2xl font-semibold max-md:text-xl max-[480px]:text-base">
@@ -25,7 +26,10 @@ const IntroducingSection = () => {
           <p className="text-white text-center text-2xl font-semibold max-md:text-xl max-[480px]:text-base">
             The best electronics for tech lovers.
           </p>
-          <Link href="/shop" className="block text-blue-600 bg-white font-bold px-12 py-3 text-xl hover:bg-gray-100 w-96 mt-2  max-md:text-lg max-md:w-72 max-[480px]:w-60 mx-auto">
+          <Link
+            href="/shop"
+            className="block text-blue-600 bg-white font-bold px-12 py-3 text-xl hover:bg-gray-100 w-96 mt-2  max-md:text-lg max-md:w-72 max-[480px]:w-60 mx-auto"
+          >
             SHOP NOW
           </Link>
         </div>
diff --git a/components/Loader.tsx b/components/Loader.tsx
index daca045b..ae5832ba 100644
--- a/components/Loader.tsx
+++ b/components/Loader.tsx
@@ -1,11 +1,9 @@
-
-import { TbLoader3 } from "react-icons/tb";
+import { TbLoader3 } from 'react-icons/tb';
 
 export const Loader = () => {
   return (
     <div className="flex items-center justify-center h-[100px]">
       <TbLoader3 className="animate-spin" size={32} />
-    </ div>
-  )
-
-}
+    </div>
+  );
+};
diff --git a/components/Newsletter.tsx b/components/Newsletter.tsx
index 90b6efa3..1baee706 100644
--- a/components/Newsletter.tsx
+++ b/components/Newsletter.tsx
@@ -8,48 +8,55 @@
 // Output: Section with the email input and some text
 // *********************
 
-import React from 'react'
+import React from 'react';
 
 const Newsletter = () => {
   return (
     <div className="bg-white py-5 sm:py-24 lg:py-20">
-    <div className="mx-auto grid justify-items-center max-w-screen-2xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8">
-      <div className="max-w-xl text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl lg:col-span-7">
-        <h2 className="inline sm:block lg:inline xl:block max-sm:text-xl">Want product news and updates?</h2>{' '}
-        <p className="inline sm:block lg:inline xl:block max-sm:text-xl">Sign up for our newsletter.</p>
-      </div>
-      <form className="w-full max-w-md lg:col-span-5 lg:pt-2">
-        <div className="flex gap-x-4">
-          <label htmlFor="email-address" className="sr-only">
-            Email address
-          </label>
-          <input
-            id="email-address"
-            name="email"
-            type="email"
-            autoComplete="email"
-            required
-            className="min-w-0 flex-auto rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
-            placeholder="Enter your email"
-          />
-          <button
-            type="submit"
-            className="flex-none rounded-md bg-custom-yellow px-3.5 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-black hover:text-custom-yellow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
-          >
-            Subscribe
-          </button>
+      <div className="mx-auto grid justify-items-center max-w-screen-2xl grid-cols-1 gap-10 px-6 lg:grid-cols-12 lg:gap-8 lg:px-8">
+        <div className="max-w-xl text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl lg:col-span-7">
+          <h2 className="inline sm:block lg:inline xl:block max-sm:text-xl">
+            Want product news and updates?
+          </h2>{' '}
+          <p className="inline sm:block lg:inline xl:block max-sm:text-xl">
+            Sign up for our newsletter.
+          </p>
         </div>
-        <p className="mt-4 text-sm leading-6 text-gray-900">
-          We care about your data. Read our{' '}
-          <a href="#" className="font-semibold hover:text-custom-yellow text-black">
-            privacy&nbsp;policy
-          </a>
-          .
-        </p>
-      </form>
+        <form className="w-full max-w-md lg:col-span-5 lg:pt-2">
+          <div className="flex gap-x-4">
+            <label htmlFor="email-address" className="sr-only">
+              Email address
+            </label>
+            <input
+              id="email-address"
+              name="email"
+              type="email"
+              autoComplete="email"
+              required
+              className="min-w-0 flex-auto rounded-md border-0 px-3.5 py-2 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+              placeholder="Enter your email"
+            />
+            <button
+              type="submit"
+              className="flex-none rounded-md bg-custom-yellow px-3.5 py-2.5 text-sm font-semibold text-black shadow-sm hover:bg-black hover:text-custom-yellow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
+            >
+              Subscribe
+            </button>
+          </div>
+          <p className="mt-4 text-sm leading-6 text-gray-900">
+            We care about your data. Read our{' '}
+            <a
+              href="#"
+              className="font-semibold hover:text-custom-yellow text-black"
+            >
+              privacy&nbsp;policy
+            </a>
+            .
+          </p>
+        </form>
+      </div>
     </div>
-  </div>
-  )
-}
+  );
+};
 
-export default Newsletter
\ No newline at end of file
+export default Newsletter;
diff --git a/components/OrderItem.tsx b/components/OrderItem.tsx
index aa192e8c..0676601d 100644
--- a/components/OrderItem.tsx
+++ b/components/OrderItem.tsx
@@ -1,9 +1,7 @@
-import React from 'react'
+import React from 'react';
 
 const OrderItem = () => {
-  return (
-    <div className='w-full h-20 bg-gray-100'>OrderItem</div>
-  )
-}
+  return <div className="w-full h-20 bg-gray-100">OrderItem</div>;
+};
 
-export default OrderItem
\ No newline at end of file
+export default OrderItem;
diff --git a/components/Pagination.tsx b/components/Pagination.tsx
index 6020248b..aa34133e 100644
--- a/components/Pagination.tsx
+++ b/components/Pagination.tsx
@@ -8,9 +8,9 @@
 // Output: Component with the current page and buttons for incrementing and decrementing page
 // *********************
 
-"use client";
-import { usePaginationStore } from "@/app/_zustand/paginationStore";
-import React from "react";
+'use client';
+import { usePaginationStore } from '@/app/_zustand/paginationStore';
+import React from 'react';
 
 const Pagination = () => {
   // getting from Zustand store current page and methods for incrementing and decrementing current page
diff --git a/components/ProductItem.tsx b/components/ProductItem.tsx
index 6a047aaf..1618b11b 100644
--- a/components/ProductItem.tsx
+++ b/components/ProductItem.tsx
@@ -1,5 +1,5 @@
 // *********************
-// Role of the component: Product item component 
+// Role of the component: Product item component
 // Name of the component: ProductItem.tsx
 // Developer: Aleksandar Kuzmanovic
 // Version: 1.0
@@ -8,10 +8,10 @@
 // Output: Product item component that contains product image, title, link to the single product page, price, button...
 // *********************
 
-import Image from "next/image";
-import React from "react";
-import Link from "next/link";
-import ProductItemRating from "./ProductItemRating";
+import Image from 'next/image';
+import React from 'react';
+import Link from 'next/link';
+import ProductItemRating from './ProductItemRating';
 
 const ProductItem = ({
   product,
@@ -27,7 +27,7 @@ const ProductItem = ({
           src={
             product.mainImage
               ? `/${product.mainImage}`
-              : "/product_placeholder.jpg"
+              : '/product_placeholder.jpg'
           }
           width="0"
           height="0"
@@ -39,7 +39,7 @@ const ProductItem = ({
       <Link
         href={`/product/${product.slug}`}
         className={
-          color === "black"
+          color === 'black'
             ? `text-xl text-black font-normal mt-2 uppercase`
             : `text-xl text-white font-normal mt-2 uppercase`
         }
@@ -48,9 +48,9 @@ const ProductItem = ({
       </Link>
       <p
         className={
-          color === "black"
-            ? "text-lg text-black font-semibold"
-            : "text-lg text-white font-semibold"
+          color === 'black'
+            ? 'text-lg text-black font-semibold'
+            : 'text-lg text-white font-semibold'
         }
       >
         ${product.price}
diff --git a/components/ProductItemRating.tsx b/components/ProductItemRating.tsx
index 2820088e..8977201f 100644
--- a/components/ProductItemRating.tsx
+++ b/components/ProductItemRating.tsx
@@ -5,41 +5,44 @@
 // Version: 1.0
 // Component call: <ProductItemRating productRating={productRating} />
 // Input parameters: { productRating: number }
-// Output: full colored or outlined star icon depending on the element of the rating array("empty star" or "full star") 
+// Output: full colored or outlined star icon depending on the element of the rating array("empty star" or "full star")
 // *********************
 
-"use client";
-import { nanoid } from "nanoid";
-import React, { useState } from "react";
-import { AiFillStar } from "react-icons/ai";
-import { AiOutlineStar } from "react-icons/ai";
+'use client';
+import { nanoid } from 'nanoid';
+import React, { useState } from 'react';
+import { AiFillStar } from 'react-icons/ai';
+import { AiOutlineStar } from 'react-icons/ai';
 
 const ProductItemRating = ({ productRating }: { productRating: number }) => {
   // setting rating with all empty stars by default
   const rating: Array<string> = [
-    "empty star",
-    "empty star",
-    "empty star",
-    "empty star",
-    "empty star",
+    'empty star',
+    'empty star',
+    'empty star',
+    'empty star',
+    'empty star',
   ];
 
   // going through product rating and modifying rating state
   for (let i = 0; i < productRating; i++) {
-    rating[i] = "full star";
+    rating[i] = 'full star';
   }
   return (
     <div className="flex">
-        { rating && rating?.map(singleRating => {
-return (
-    <div  key={nanoid()}>
-    {singleRating === "full star" && <AiFillStar className="text-yellow-400 text-xl" />}
-    {singleRating === "empty star" && <AiOutlineStar className="text-yellow-400 text-xl" />}
-    </div>
-    
-)
-        }) }
-
+      {rating &&
+        rating?.map((singleRating) => {
+          return (
+            <div key={nanoid()}>
+              {singleRating === 'full star' && (
+                <AiFillStar className="text-yellow-400 text-xl" />
+              )}
+              {singleRating === 'empty star' && (
+                <AiOutlineStar className="text-yellow-400 text-xl" />
+              )}
+            </div>
+          );
+        })}
     </div>
   );
 };
diff --git a/components/ProductTabs.tsx b/components/ProductTabs.tsx
index 9d78f6a5..22e1d60e 100644
--- a/components/ProductTabs.tsx
+++ b/components/ProductTabs.tsx
@@ -8,12 +8,12 @@
 // Output: Single product tabs containing product description, main product info and reviews
 // *********************
 
-"use client";
+'use client';
 
-import React, { useState } from "react";
-import RatingPercentElement from "./RatingPercentElement";
-import SingleReview from "./SingleReview";
-import { formatCategoryName } from "@/utils/categoryFormating";
+import React, { useState } from 'react';
+import RatingPercentElement from './RatingPercentElement';
+import SingleReview from './SingleReview';
+import { formatCategoryName } from '@/utils/categoryFormating';
 
 const ProductTabs = ({ product }: { product: Product }) => {
   const [currentProductTab, setCurrentProductTab] = useState<number>(0);
@@ -24,7 +24,7 @@ const ProductTabs = ({ product }: { product: Product }) => {
         <a
           role="tab"
           className={`tab text-lg text-black pb-8 max-[500px]:text-base max-[400px]:text-sm max-[370px]:text-xs ${
-            currentProductTab === 0 && "tab-active"
+            currentProductTab === 0 && 'tab-active'
           }`}
           onClick={() => setCurrentProductTab(0)}
         >
@@ -33,7 +33,7 @@ const ProductTabs = ({ product }: { product: Product }) => {
         <a
           role="tab"
           className={`tab text-black text-lg pb-8 max-[500px]:text-base max-[400px]:text-sm max-[370px]:text-xs ${
-            currentProductTab === 1 && "tab-active"
+            currentProductTab === 1 && 'tab-active'
           }`}
           onClick={() => setCurrentProductTab(1)}
         >
@@ -62,7 +62,7 @@ const ProductTabs = ({ product }: { product: Product }) => {
                   <td>
                     {product?.category?.name
                       ? formatCategoryName(product?.category?.name)
-                      : "No category"}
+                      : 'No category'}
                   </td>
                 </tr>
                 {/* row 3 */}
diff --git a/components/Products.tsx b/components/Products.tsx
index 3a9d72e8..e0af87f6 100644
--- a/components/Products.tsx
+++ b/components/Products.tsx
@@ -8,33 +8,33 @@
 // Output: products grid
 // *********************
 
-import React from "react";
-import ProductItem from "./ProductItem";
+import React from 'react';
+import ProductItem from './ProductItem';
 
 const Products = async ({ slug }: any) => {
   // getting all data from URL slug and preparing everything for sending GET request
-  const inStockNum = slug?.searchParams?.inStock === "true" ? 1 : 0;
-  const outOfStockNum = slug?.searchParams?.outOfStock === "true" ? 1 : 0;
+  const inStockNum = slug?.searchParams?.inStock === 'true' ? 1 : 0;
+  const outOfStockNum = slug?.searchParams?.outOfStock === 'true' ? 1 : 0;
   const page = slug?.searchParams?.page ? Number(slug?.searchParams?.page) : 1;
 
-  let stockMode: string = "lte";
-  
+  let stockMode: string = 'lte';
+
   // preparing inStock and out of stock filter for GET request
   // If in stock checkbox is checked, stockMode is "equals"
   if (inStockNum === 1) {
-    stockMode = "equals";
+    stockMode = 'equals';
   }
- // If out of stock checkbox is checked, stockMode is "lt"
+  // If out of stock checkbox is checked, stockMode is "lt"
   if (outOfStockNum === 1) {
-    stockMode = "lt";
+    stockMode = 'lt';
   }
-   // If in stock and out of stock checkboxes are checked, stockMode is "lte"
+  // If in stock and out of stock checkboxes are checked, stockMode is "lte"
   if (inStockNum === 1 && outOfStockNum === 1) {
-    stockMode = "lte";
+    stockMode = 'lte';
   }
-   // If in stock and out of stock checkboxes aren't checked, stockMode is "gt"
+  // If in stock and out of stock checkboxes aren't checked, stockMode is "gt"
   if (inStockNum === 0 && outOfStockNum === 0) {
-    stockMode = "gt";
+    stockMode = 'gt';
   }
 
   // sending API request with filtering, sorting and pagination for getting all products
@@ -46,8 +46,8 @@ const Products = async ({ slug }: any) => {
     }&filters[inStock][$${stockMode}]=1&${
       slug?.params?.slug?.length > 0
         ? `filters[category][$equals]=${slug?.params?.slug}&`
-        : ""
-    }sort=${slug?.searchParams?.sort}&page=${page}`
+        : ''
+    }sort=${slug?.searchParams?.sort}&page=${page}`,
   );
 
   const products = await data.json();
diff --git a/components/ProductsSection.tsx b/components/ProductsSection.tsx
index 069ad6ed..6ec5c5cb 100644
--- a/components/ProductsSection.tsx
+++ b/components/ProductsSection.tsx
@@ -8,13 +8,13 @@
 // Output: products grid
 // *********************
 
-import React from "react";
-import ProductItem from "./ProductItem";
-import Heading from "./Heading";
+import React from 'react';
+import ProductItem from './ProductItem';
+import Heading from './Heading';
 
 const ProductsSection = async () => {
   // sending API request for getting all products
-  const data = await fetch("http://localhost:3001/api/products");
+  const data = await fetch('http://localhost:3001/api/products');
   const products = await data.json();
   return (
     <div className="bg-blue-500 border-t-4 border-white">
diff --git a/components/QuantityInput.tsx b/components/QuantityInput.tsx
index ce7e1e93..c6ebce4e 100644
--- a/components/QuantityInput.tsx
+++ b/components/QuantityInput.tsx
@@ -8,24 +8,25 @@
 // Output: one number input and two buttons
 // *********************
 
-"use client";
+'use client';
 
-import React from "react";
-import { FaPlus } from "react-icons/fa6";
-import { FaMinus } from "react-icons/fa6";
+import React from 'react';
+import { FaPlus } from 'react-icons/fa6';
+import { FaMinus } from 'react-icons/fa6';
 
 interface QuantityInputProps {
   quantityCount: number;
   setQuantityCount: React.Dispatch<React.SetStateAction<number>>;
 }
 
-const QuantityInput = ({quantityCount, setQuantityCount} : QuantityInputProps) => {
-
-
+const QuantityInput = ({
+  quantityCount,
+  setQuantityCount,
+}: QuantityInputProps) => {
   const handleQuantityChange = (actionName: string): void => {
-    if (actionName === "plus") {
+    if (actionName === 'plus') {
       setQuantityCount(quantityCount + 1);
-    } else if (actionName === "minus" && quantityCount !== 1) {
+    } else if (actionName === 'minus' && quantityCount !== 1) {
       setQuantityCount(quantityCount - 1);
     }
   };
@@ -38,7 +39,7 @@ const QuantityInput = ({quantityCount, setQuantityCount} : QuantityInputProps) =
         <button
           type="button"
           className="size-10 leading-10 text-gray-600 transition hover:opacity-75 flex justify-center items-center border"
-          onClick={() => handleQuantityChange("minus")}
+          onClick={() => handleQuantityChange('minus')}
         >
           <FaMinus />
         </button>
@@ -54,7 +55,7 @@ const QuantityInput = ({quantityCount, setQuantityCount} : QuantityInputProps) =
         <button
           type="button"
           className="size-10 leading-10 text-gray-600 transition hover:opacity-75 flex justify-center items-center border"
-          onClick={() => handleQuantityChange("plus")}
+          onClick={() => handleQuantityChange('plus')}
         >
           <FaPlus />
         </button>
diff --git a/components/QuantityInputCart.tsx b/components/QuantityInputCart.tsx
index e0e92349..685ca188 100644
--- a/components/QuantityInputCart.tsx
+++ b/components/QuantityInputCart.tsx
@@ -8,24 +8,22 @@
 // Output: one number input and two buttons
 // *********************
 
-"use client";
-import { ProductInCart, useProductStore } from "@/app/_zustand/store";
-import React, { useState } from "react";
-import { FaPlus } from "react-icons/fa6";
-import { FaMinus } from "react-icons/fa6";
+'use client';
+import { ProductInCart, useProductStore } from '@/app/_zustand/store';
+import React, { useState } from 'react';
+import { FaPlus } from 'react-icons/fa6';
+import { FaMinus } from 'react-icons/fa6';
 
-const QuantityInputCart = ({ product } : { product: ProductInCart }) => {
+const QuantityInputCart = ({ product }: { product: ProductInCart }) => {
   const [quantityCount, setQuantityCount] = useState<number>(product.amount);
   const { updateCartAmount, calculateTotals } = useProductStore();
 
   const handleQuantityChange = (actionName: string): void => {
-    if (actionName === "plus") {
+    if (actionName === 'plus') {
       setQuantityCount(() => quantityCount + 1);
       updateCartAmount(product.id, quantityCount + 1);
       calculateTotals();
-
-      
-    } else if (actionName === "minus" && quantityCount !== 1) {
+    } else if (actionName === 'minus' && quantityCount !== 1) {
       setQuantityCount(() => quantityCount - 1);
       updateCartAmount(product.id, quantityCount - 1);
       calculateTotals();
@@ -35,15 +33,15 @@ const QuantityInputCart = ({ product } : { product: ProductInCart }) => {
   return (
     <div>
       <label htmlFor="Quantity" className="sr-only">
-        {" "}
-        Quantity{" "}
+        {' '}
+        Quantity{' '}
       </label>
 
       <div className="flex items-center justify-center rounded border border-gray-200 w-32">
         <button
           type="button"
           className="size-10 leading-10 text-gray-600 transition hover:opacity-75 flex items-center justify-center"
-          onClick={() => handleQuantityChange("minus")}
+          onClick={() => handleQuantityChange('minus')}
         >
           <FaMinus />
         </button>
@@ -59,7 +57,7 @@ const QuantityInputCart = ({ product } : { product: ProductInCart }) => {
         <button
           type="button"
           className="size-10 leading-10 text-gray-600 transition hover:opacity-75 flex items-center justify-center"
-          onClick={() => handleQuantityChange("plus")}
+          onClick={() => handleQuantityChange('plus')}
         >
           <FaPlus />
         </button>
diff --git a/components/Range.tsx b/components/Range.tsx
index 1338e2e4..fe110a35 100644
--- a/components/Range.tsx
+++ b/components/Range.tsx
@@ -8,29 +8,36 @@
 // Output: range input with current range price
 // *********************
 
-"use client";
-import React, { useState } from 'react'
+'use client';
+import React, { useState } from 'react';
 
 interface RangeProps {
-    min: number;
-    max: number;
-    priceValue: number;
-    setInputCategory: any;
+  min: number;
+  max: number;
+  priceValue: number;
+  setInputCategory: any;
 }
 
-const Range = ({ min, max, priceValue, setInputCategory } : RangeProps) => {
-    const [ currentRangeValue, setCurrentRangeValue ] = useState<number>(priceValue);
+const Range = ({ min, max, priceValue, setInputCategory }: RangeProps) => {
+  const [currentRangeValue, setCurrentRangeValue] =
+    useState<number>(priceValue);
 
-    const handleRange = (e: React.ChangeEvent<HTMLInputElement>): void => {
-        setCurrentRangeValue(parseInt(e.target.value));
-    }
+  const handleRange = (e: React.ChangeEvent<HTMLInputElement>): void => {
+    setCurrentRangeValue(parseInt(e.target.value));
+  };
 
   return (
     <div>
-        <input type="range" min={min} max={max} value={priceValue} className="range range-warning" />
-        <span>{ `Max price: $${currentRangeValue}` }</span>
+      <input
+        type="range"
+        min={min}
+        max={max}
+        value={priceValue}
+        className="range range-warning"
+      />
+      <span>{`Max price: $${currentRangeValue}`}</span>
     </div>
-  )
-}
+  );
+};
 
-export default Range
\ No newline at end of file
+export default Range;
diff --git a/components/RangeWithLabels.tsx b/components/RangeWithLabels.tsx
index b3b4f896..9054ca31 100644
--- a/components/RangeWithLabels.tsx
+++ b/components/RangeWithLabels.tsx
@@ -8,9 +8,9 @@
 // Output: range input with the labels
 // *********************
 
-"use client";
+'use client';
 
-import React, { useState } from "react";
+import React, { useState } from 'react';
 
 const RangeWithLabels = () => {
   const [currentRangeWLabelsValue, setCurrentRangeWLabelsValue] =
diff --git a/components/RatingPercentElement.tsx b/components/RatingPercentElement.tsx
index 2ad8e741..bb38d80d 100644
--- a/components/RatingPercentElement.tsx
+++ b/components/RatingPercentElement.tsx
@@ -8,8 +8,8 @@
 // Output: rating element that contains rating stats for the given single product
 // *********************
 
-import React from "react";
-import { FaStar } from "react-icons/fa6";
+import React from 'react';
+import { FaStar } from 'react-icons/fa6';
 
 const RatingPercentElement = () => {
   return (
@@ -41,7 +41,10 @@ const RatingPercentElement = () => {
           5 star
         </a>
         <div className="w-2/4 h-5 mx-4 bg-gray-200 rounded dark:bg-gray-700">
-          <div className="h-5 bg-custom-yellow rounded" style={{"width": "70%"}}></div>
+          <div
+            className="h-5 bg-custom-yellow rounded"
+            style={{ width: '70%' }}
+          ></div>
         </div>
         <span className="text-base font-medium text-black dark:text-gray-400">
           70%
@@ -55,7 +58,10 @@ const RatingPercentElement = () => {
           4 star
         </a>
         <div className="w-2/4 h-5 mx-4 bg-gray-200 rounded dark:bg-gray-700">
-          <div className="h-5 bg-custom-yellow rounded" style={{"width": "17%"}}></div>
+          <div
+            className="h-5 bg-custom-yellow rounded"
+            style={{ width: '17%' }}
+          ></div>
         </div>
         <span className="text-base font-medium text-black dark:text-gray-400">
           17%
@@ -69,7 +75,10 @@ const RatingPercentElement = () => {
           3 star
         </a>
         <div className="w-2/4 h-5 mx-4 bg-gray-200 rounded dark:bg-gray-700">
-          <div className="h-5 bg-custom-yellow rounded" style={{"width": "8%"}}></div>
+          <div
+            className="h-5 bg-custom-yellow rounded"
+            style={{ width: '8%' }}
+          ></div>
         </div>
         <span className="text-base font-medium text-black dark:text-gray-400">
           8%
@@ -83,7 +92,10 @@ const RatingPercentElement = () => {
           2 star
         </a>
         <div className="w-2/4 h-5 mx-4 bg-gray-200 rounded dark:bg-gray-700">
-          <div className="h-5 bg-custom-yellow rounded" style={{"width": "4%"}}></div>
+          <div
+            className="h-5 bg-custom-yellow rounded"
+            style={{ width: '4%' }}
+          ></div>
         </div>
         <span className="text-base font-medium text-black dark:text-gray-400">
           4%
@@ -97,7 +109,10 @@ const RatingPercentElement = () => {
           1 star
         </a>
         <div className="w-2/4 h-5 mx-4 bg-gray-200 rounded dark:bg-gray-700">
-          <div className="h-5 bg-custom-yellow rounded" style={{"width": "1%"}}></div>
+          <div
+            className="h-5 bg-custom-yellow rounded"
+            style={{ width: '1%' }}
+          ></div>
         </div>
         <span className="text-base font-medium text-black dark:text-gray-400">
           1%
diff --git a/components/SearchInput.tsx b/components/SearchInput.tsx
index 53236eea..04fa4803 100644
--- a/components/SearchInput.tsx
+++ b/components/SearchInput.tsx
@@ -8,12 +8,12 @@
 // Output: form with search input and button
 // *********************
 
-"use client";
-import { useRouter } from "next/navigation";
-import React, { useState } from "react";
+'use client';
+import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
 
 const SearchInput = () => {
-  const [searchInput, setSearchInput] = useState<string>("");
+  const [searchInput, setSearchInput] = useState<string>('');
   const router = useRouter();
 
   // function for modifying URL for searching products
@@ -21,7 +21,7 @@ const SearchInput = () => {
   const searchProducts = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     router.push(`/search?search=${searchInput}`);
-    setSearchInput("");
+    setSearchInput('');
   };
 
   return (
@@ -33,7 +33,10 @@ const SearchInput = () => {
         placeholder="Type here"
         className="bg-gray-50 input input-bordered w-[70%] rounded-r-none outline-none focus:outline-none max-sm:w-full"
       />
-      <button type="submit" className="btn bg-blue-500 text-white rounded-l-none rounded-r-xl hover:bg-blue-600">
+      <button
+        type="submit"
+        className="btn bg-blue-500 text-white rounded-l-none rounded-r-xl hover:bg-blue-600"
+      >
         Search
       </button>
     </form>
diff --git a/components/SectionTitle.tsx b/components/SectionTitle.tsx
index e4e2462c..54496935 100644
--- a/components/SectionTitle.tsx
+++ b/components/SectionTitle.tsx
@@ -5,18 +5,22 @@
 // Version: 1.0
 // Component call: <SectionTitle />
 // Input parameters: {title: string; path: string}
-// Output: div containing h1 for page title and p for page location path 
+// Output: div containing h1 for page title and p for page location path
 // *********************
 
-import React from 'react'
+import React from 'react';
 
-const SectionTitle = ({title, path} : {title: string; path: string}) => {
+const SectionTitle = ({ title, path }: { title: string; path: string }) => {
   return (
-    <div className='h-[250px] border-b pt-16 border-white bg-blue-500 mb-2 max-sm:h-[200px] max-sm:pt-16'>
-        <h1 className='section-title-title text-7xl text-center mb-7 max-md:text-7xl max-sm:text-5xl text-white max-sm:mb-2'>{ title }</h1>
-        <p className='section-title-path text-xl text-center max-sm:text-xl text-white'>{ path }</p>
+    <div className="h-[250px] border-b pt-16 border-white bg-blue-500 mb-2 max-sm:h-[200px] max-sm:pt-16">
+      <h1 className="section-title-title text-7xl text-center mb-7 max-md:text-7xl max-sm:text-5xl text-white max-sm:mb-2">
+        {title}
+      </h1>
+      <p className="section-title-path text-xl text-center max-sm:text-xl text-white">
+        {path}
+      </p>
     </div>
-  )
-}
+  );
+};
 
-export default SectionTitle
\ No newline at end of file
+export default SectionTitle;
diff --git a/components/SimpleSlider.tsx b/components/SimpleSlider.tsx
index fc1ef54b..a2d5c860 100644
--- a/components/SimpleSlider.tsx
+++ b/components/SimpleSlider.tsx
@@ -8,12 +8,13 @@
 // Output: Slider component built with the help of slick-carousel
 // *********************
 
-"use client";
-import React from "react";
-import Slider from "react-slick";
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
-import Link from "next/link";
+'use client';
+import React from 'react';
+import Slider from 'react-slick';
+import 'slick-carousel/slick/slick.css';
+import 'slick-carousel/slick/slick-theme.css';
+import Link from 'next/link';
+import Image from 'next/image';
 
 function SimpleSlider() {
   const settings = {
@@ -38,11 +39,20 @@ function SimpleSlider() {
               Fine-tune your listening experience by using the convenient volume
               slider to adjust sound intensity to your preference.
             </p>
-            <Link href="/shop" className="bg-custom-yellow btn w-52 h-14 text-black uppercase border border-black text-xl hover:bg-black hover:text-custom-yellow max-[1162px]:w-44 max-[1162px]:h-10 max-[1162px]:text-lg max-lg:text-base max-lg:w-36 max-md:text-sm max-md:w-32">
+            <Link
+              href="/shop"
+              className="bg-custom-yellow btn w-52 h-14 text-black uppercase border border-black text-xl hover:bg-black hover:text-custom-yellow max-[1162px]:w-44 max-[1162px]:h-10 max-[1162px]:text-lg max-lg:text-base max-lg:w-36 max-md:text-sm max-md:w-32"
+            >
               Shop now
             </Link>
           </div>
-          <img src="/slider image 1.webp" alt="slider 1" className="h-full" />
+          <Image
+            width={300}
+            height={300}
+            src="/slider image 1.webp"
+            alt="slider 1"
+            className="h-full"
+          />
         </div>
         <div className="h-[500px] max-lg:h-[400px] max-md:h-[250px] max-[500px]:h-[200px] max-[400px]:h-[150px] relative">
           <div className="absolute left-[50%] translate-x-[-50%] translate-y-[30%] h-full text-center max-lg:translate-y-[25%] max-md:translate-y-[20%] max-sm:hidden">
@@ -53,13 +63,23 @@ function SimpleSlider() {
               Go wireless or go home
             </h2>
             <p className="mb-5 text-black text-lg font-medium max-[1162px]:text-base max-lg:mb-2 max-lg:text-sm max-md:mb-1">
-            Seamlessly control your sound world by sliding the volume to your perfect level.
+              Seamlessly control your sound world by sliding the volume to your
+              perfect level.
             </p>
-            <Link href="/shop" className="bg-custom-yellow btn w-52 h-14 text-black uppercase border border-black text-xl hover:bg-black hover:text-custom-yellow max-[1162px]:w-44 max-[1162px]:h-10 max-[1162px]:text-lg max-lg:text-base max-lg:w-36 max-md:text-sm max-md:w-32">
+            <Link
+              href="/shop"
+              className="bg-custom-yellow btn w-52 h-14 text-black uppercase border border-black text-xl hover:bg-black hover:text-custom-yellow max-[1162px]:w-44 max-[1162px]:h-10 max-[1162px]:text-lg max-lg:text-base max-lg:w-36 max-md:text-sm max-md:w-32"
+            >
               Shop now
             </Link>
           </div>
-          <img src="/slider image 2.webp" alt="slider 1" className="h-full" />
+          <Image
+            width={400}
+            height={300}
+            src="/slider image 2.webp"
+            alt="slider 1"
+            className="h-full"
+          />
         </div>
       </Slider>
     </div>
diff --git a/components/SingleProductDynamicFields.tsx b/components/SingleProductDynamicFields.tsx
index dd161b0a..4ad98aef 100644
--- a/components/SingleProductDynamicFields.tsx
+++ b/components/SingleProductDynamicFields.tsx
@@ -8,11 +8,11 @@
 // Output: Quantity, add to cart and buy now component on the single product page
 // *********************
 
-"use client";
-import React, { useState } from "react";
-import QuantityInput from "./QuantityInput";
-import AddToCartSingleProductBtn from "./AddToCartSingleProductBtn";
-import BuyNowSingleProductBtn from "./BuyNowSingleProductBtn";
+'use client';
+import React, { useState } from 'react';
+import QuantityInput from './QuantityInput';
+import AddToCartSingleProductBtn from './AddToCartSingleProductBtn';
+import BuyNowSingleProductBtn from './BuyNowSingleProductBtn';
 
 const SingleProductDynamicFields = ({ product }: { product: Product }) => {
   const [quantityCount, setQuantityCount] = useState<number>(1);
diff --git a/components/SingleProductRating.tsx b/components/SingleProductRating.tsx
index d5ad1858..2bd2add4 100644
--- a/components/SingleProductRating.tsx
+++ b/components/SingleProductRating.tsx
@@ -1,5 +1,5 @@
 // *********************
-// Role of the component: Rating stars component that will display stars on the single product page 
+// Role of the component: Rating stars component that will display stars on the single product page
 // Name of the component: SingleProductRating.tsx
 // Developer: Aleksandar Kuzmanovic
 // Version: 1.0
@@ -8,21 +8,21 @@
 // Output: full colored star icons and outlined star icons depending on the ratingArray element("empty star" or "full star")
 // *********************
 
-import React from "react";
-import { AiFillStar, AiOutlineStar } from "react-icons/ai";
+import React from 'react';
+import { AiFillStar, AiOutlineStar } from 'react-icons/ai';
 
 const SingleProductRating = ({ rating }: { rating: number }) => {
   const ratingArray: Array<string> = [
-    "empty star",
-    "empty star",
-    "empty star",
-    "empty star",
-    "empty star",
+    'empty star',
+    'empty star',
+    'empty star',
+    'empty star',
+    'empty star',
   ];
 
   // going through product rating and modifying rating state
   for (let i = 0; i < rating; i++) {
-    ratingArray[i] = "full star";
+    ratingArray[i] = 'full star';
   }
   return (
     <div className="flex text-2xl items-center max-[500px]:justify-center">
@@ -30,7 +30,7 @@ const SingleProductRating = ({ rating }: { rating: number }) => {
         ratingArray.map((singleRating) => {
           return (
             <>
-              {singleRating === "full star" ? (
+              {singleRating === 'full star' ? (
                 <AiFillStar className="text-custom-yellow" />
               ) : (
                 <AiOutlineStar className="text-custom-yellow" />
diff --git a/components/SingleReview.tsx b/components/SingleReview.tsx
index bbb81606..980510f8 100644
--- a/components/SingleReview.tsx
+++ b/components/SingleReview.tsx
@@ -2,24 +2,24 @@
 // IN DEVELOPMENT
 // *********************
 
-import Image from "next/image";
-import React from "react";
-import { FaStar } from "react-icons/fa6";
+import Image from 'next/image';
+import React from 'react';
+import { FaStar } from 'react-icons/fa6';
 
 const SingleReview = () => {
   return (
     <article className="w-[900px] mx-auto py-10 max-[1000px]:w-[700px] max-[750px]:w-[90%]">
       <div className="flex items-center mb-4">
         <Image
-        width={40}
-        height={40}
+          width={40}
+          height={40}
           className="w-10 h-10 me-4 rounded-full"
           src="/randomuser.jpg"
           alt="user image"
         />
         <div className="font-medium dark:text-white">
           <p>
-            Jese Leos{" "}
+            Jese Leos{' '}
             <time className="block text-sm text-gray-500 dark:text-gray-400">
               Joined on August 2014
             </time>
diff --git a/components/SortBy.tsx b/components/SortBy.tsx
index e50d2128..81ec4156 100644
--- a/components/SortBy.tsx
+++ b/components/SortBy.tsx
@@ -8,9 +8,9 @@
 // Output: select input with options for sorting by a-z, z-a, price low, price high
 // *********************
 
-"use client";
-import React from "react";
-import { useSortStore } from "@/app/_zustand/sortStore";
+'use client';
+import React from 'react';
+import { useSortStore } from '@/app/_zustand/sortStore';
 
 const SortBy = () => {
   // getting values from Zustand sort store
diff --git a/components/StatsElement.tsx b/components/StatsElement.tsx
index ffda127e..502ae520 100644
--- a/components/StatsElement.tsx
+++ b/components/StatsElement.tsx
@@ -2,16 +2,18 @@
 // IN DEVELOPMENT
 // *********************
 
-import React from "react";
-import { FaArrowUp } from "react-icons/fa6";
-
+import React from 'react';
+import { FaArrowUp } from 'react-icons/fa6';
 
 const StatsElement = () => {
   return (
     <div className="w-80 h-32 bg-blue-500 text-white flex flex-col justify-center items-center rounded-md max-md:w-full">
       <h4 className="text-xl text-white">New Products</h4>
       <p className="text-2xl font-bold">2,230</p>
-      <p className="text-green-300 flex gap-x-1 items-center"><FaArrowUp />12.5% Since last month</p>
+      <p className="text-green-300 flex gap-x-1 items-center">
+        <FaArrowUp />
+        12.5% Since last month
+      </p>
     </div>
   );
 };
diff --git a/components/StockAvailabillity.tsx b/components/StockAvailabillity.tsx
index 9e6faa66..5460cb7e 100644
--- a/components/StockAvailabillity.tsx
+++ b/components/StockAvailabillity.tsx
@@ -8,19 +8,31 @@
 // Output: styled text that displays current stock status on the single product page
 // *********************
 
-import React from 'react'
-import { FaCheck } from 'react-icons/fa6'
-import { FaXmark } from "react-icons/fa6";
+import React from 'react';
+import { FaCheck } from 'react-icons/fa6';
+import { FaXmark } from 'react-icons/fa6';
 
-
-const StockAvailabillity = ({ stock, inStock } : { stock: number, inStock: number }) => {
+const StockAvailabillity = ({
+  stock,
+  inStock,
+}: {
+  stock: number;
+  inStock: number;
+}) => {
   return (
-    <p className='text-xl flex gap-x-2 max-[500px]:justify-center'>Availability: 
-    { inStock === 1 ? <span className='text-success flex items-center gap-x-1'>In stock <FaCheck /></span> :  <span className='text-error flex items-center gap-x-1'>Out of stock <FaXmark /></span>}
-    
-    
+    <p className="text-xl flex gap-x-2 max-[500px]:justify-center">
+      Availability:
+      {inStock === 1 ? (
+        <span className="text-success flex items-center gap-x-1">
+          In stock <FaCheck />
+        </span>
+      ) : (
+        <span className="text-error flex items-center gap-x-1">
+          Out of stock <FaXmark />
+        </span>
+      )}
     </p>
-  )
-}
+  );
+};
 
-export default StockAvailabillity
\ No newline at end of file
+export default StockAvailabillity;
diff --git a/components/UrgencyText.tsx b/components/UrgencyText.tsx
index ee54cd9b..25bdae0a 100644
--- a/components/UrgencyText.tsx
+++ b/components/UrgencyText.tsx
@@ -2,12 +2,18 @@
 // IN DEVELOPMENT
 // *********************
 
-import React from 'react'
+import React from 'react';
 
-const UrgencyText = ({stock} : { stock: number }) => {
+const UrgencyText = ({ stock }: { stock: number }) => {
   return (
-    <p className='text-success text-xl max-[500px]:text-lg'>Hurry up! only <span className='badge badge-success text-white text-xl max-[500px]:text-lg'>{stock}</span> products left in stock!</p>
-  )
-}
+    <p className="text-success text-xl max-[500px]:text-lg">
+      Hurry up! only{' '}
+      <span className="badge badge-success text-white text-xl max-[500px]:text-lg">
+        {stock}
+      </span>{' '}
+      products left in stock!
+    </p>
+  );
+};
 
-export default UrgencyText
\ No newline at end of file
+export default UrgencyText;
diff --git a/components/WishItem.tsx b/components/WishItem.tsx
index 7082b849..b5e3c090 100644
--- a/components/WishItem.tsx
+++ b/components/WishItem.tsx
@@ -8,16 +8,16 @@
 // Output: single wishlist item on the wishlist page
 // *********************
 
-"use client";
-import { useWishlistStore } from "@/app/_zustand/wishlistStore";
-import { revalidatePath } from "next/cache";
-import Image from "next/image";
-import { useRouter } from "next/navigation";
-import React, { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { FaHeartCrack } from "react-icons/fa6";
-import { deleteWishItem } from "@/app/actions";
-import { useSession } from "next-auth/react";
+'use client';
+import { useWishlistStore } from '@/app/_zustand/wishlistStore';
+import { revalidatePath } from 'next/cache';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import React, { useCallback, useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import { FaHeartCrack } from 'react-icons/fa6';
+import { deleteWishItem } from '@/app/actions';
+import { useSession } from 'next-auth/react';
 
 interface wishItemStateTrackers {
   isWishItemDeleted: boolean;
@@ -41,36 +41,34 @@ const WishItem = ({
     router.push(`/product/${slug}`);
   };
 
-  const getUserByEmail = async () => {
+  const deleteItemFromWishlist = async (productId: string) => {
+    if (userId) {
+      fetch(`http://localhost:3001/api/wishlist/${userId}/${productId}`, {
+        method: 'DELETE',
+      }).then((response) => {
+        removeFromWishlist(productId);
+        toast.success('Item removed from your wishlist');
+      });
+    } else {
+      toast.error('You need to be logged in to perform this action');
+    }
+  };
+
+  const getUserByEmail = useCallback(() => {
     if (session?.user?.email) {
       fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) => {
           setUserId(data?.id);
         });
     }
-  };
-
-  const deleteItemFromWishlist = async (productId: string) => {
-    
-    if (userId) {
-
-      fetch(`http://localhost:3001/api/wishlist/${userId}/${productId}`, {method: "DELETE"}).then(
-        (response) => {
-          removeFromWishlist(productId);
-          toast.success("Item removed from your wishlist");
-        }
-      );
-    }else{
-      toast.error("You need to be logged in to perform this action");
-    }
-  };
+  }, [session?.user?.email]);
 
   useEffect(() => {
     getUserByEmail();
-  }, [session?.user?.email]);
+  }, [getUserByEmail]);
 
   return (
     <tr className="hover:bg-gray-100 cursor-pointer">
diff --git a/components/index.ts b/components/index.ts
index c69d3d18..3725b683 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -1,46 +1,46 @@
-export { default as Header } from "./Header";
-export { default as HeaderTop } from "./HeaderTop";
-export { default as SearchInput } from "./SearchInput";
-export { default as SimpleSlider } from "./SimpleSlider";
-export { default as CategoryItem } from "./CategoryItem";
-export { default as CategoryMenu } from "./CategoryMenu";
-export { default as Incentives } from "./Incentives";
-export { default as ProductItem } from "./ProductItem";
-export { default as ProductsSection } from "./ProductsSection";
-export { default as Newsletter } from "./Newsletter";
-export { default as Footer } from "./Footer";
-export { default as Filters } from "./Filters";
-export { default as Checkbox } from "./Checkbox";
-export { default as Range } from "./Range";
-export { default as RangeWithLabels } from "./RangeWithLabels";
-export { default as Breadcrumb } from "./Breadcrumb";
-export { default as Products } from "./Products";
-export { default as Pagination } from "./Pagination";
-export { default as QuantityInput } from "./QuantityInput";
-export { default as UrgencyText } from "./UrgencyText";
-export { default as StockAvailabillity } from "./StockAvailabillity";
-export { default as ColorInput } from "./ColorInput";
-export { default as SingleProductRating } from "./SingleProductRating";
-export { default as ProductTabs } from "./ProductTabs";
-export { default as RatingPercentElement } from "./RatingPercentElement";
-export { default as SingleReview } from "./SingleReview";
-export { default as CustomButton } from "./CustomButton";
-export { default as QuantityInputCart } from "./QuantityInputCart";
-export { default as AddToCartSingleProductBtn } from "./AddToCartSingleProductBtn";
-export { default as BuyNowSingleProductBtn } from "./BuyNowSingleProductBtn";
-export { default as SingleProductDynamicFields } from "./SingleProductDynamicFields";
-export { default as CartElement } from "./CartElement";
-export { default as ProductItemRating } from "./ProductItemRating";
-export { default as SortBy } from "./SortBy";
-export { default as WishItem } from "./WishItem";
-export { default as SectionTitle } from "./SectionTitle";
-export { default as HeartElement } from "./HeartElement";
-export { default as AddToWishlistBtn } from "./AddToWishlistBtn";
-export { default as Hero } from "./Hero"; 
-export { default as IntroducingSection } from "./IntroducingSection";
-export { default as Heading } from "./Heading";
-export { default as DashboardSidebar } from "./DashboardSidebar";
-export { default as StatsElement } from "./StatsElement";
-export { default as DashboardProductTable } from "./DashboardProductTable";
-export { default as AdminOrders } from "./AdminOrders";
-export { default as OrderItem } from "./OrderItem";
\ No newline at end of file
+export { default as Header } from './Header';
+export { default as HeaderTop } from './HeaderTop';
+export { default as SearchInput } from './SearchInput';
+export { default as SimpleSlider } from './SimpleSlider';
+export { default as CategoryItem } from './CategoryItem';
+export { default as CategoryMenu } from './CategoryMenu';
+export { default as Incentives } from './Incentives';
+export { default as ProductItem } from './ProductItem';
+export { default as ProductsSection } from './ProductsSection';
+export { default as Newsletter } from './Newsletter';
+export { default as Footer } from './Footer';
+export { default as Filters } from './Filters';
+export { default as Checkbox } from './Checkbox';
+export { default as Range } from './Range';
+export { default as RangeWithLabels } from './RangeWithLabels';
+export { default as Breadcrumb } from './Breadcrumb';
+export { default as Products } from './Products';
+export { default as Pagination } from './Pagination';
+export { default as QuantityInput } from './QuantityInput';
+export { default as UrgencyText } from './UrgencyText';
+export { default as StockAvailabillity } from './StockAvailabillity';
+export { default as ColorInput } from './ColorInput';
+export { default as SingleProductRating } from './SingleProductRating';
+export { default as ProductTabs } from './ProductTabs';
+export { default as RatingPercentElement } from './RatingPercentElement';
+export { default as SingleReview } from './SingleReview';
+export { default as CustomButton } from './CustomButton';
+export { default as QuantityInputCart } from './QuantityInputCart';
+export { default as AddToCartSingleProductBtn } from './AddToCartSingleProductBtn';
+export { default as BuyNowSingleProductBtn } from './BuyNowSingleProductBtn';
+export { default as SingleProductDynamicFields } from './SingleProductDynamicFields';
+export { default as CartElement } from './CartElement';
+export { default as ProductItemRating } from './ProductItemRating';
+export { default as SortBy } from './SortBy';
+export { default as WishItem } from './WishItem';
+export { default as SectionTitle } from './SectionTitle';
+export { default as HeartElement } from './HeartElement';
+export { default as AddToWishlistBtn } from './AddToWishlistBtn';
+export { default as Hero } from './Hero';
+export { default as IntroducingSection } from './IntroducingSection';
+export { default as Heading } from './Heading';
+export { default as DashboardSidebar } from './DashboardSidebar';
+export { default as StatsElement } from './StatsElement';
+export { default as DashboardProductTable } from './DashboardProductTable';
+export { default as AdminOrders } from './AdminOrders';
+export { default as OrderItem } from './OrderItem';
diff --git a/components/modules/cart/index.tsx b/components/modules/cart/index.tsx
index d5bf5b29..f31b646d 100644
--- a/components/modules/cart/index.tsx
+++ b/components/modules/cart/index.tsx
@@ -1,23 +1,22 @@
-"use client"
+'use client';
 
-import { useProductStore } from "@/app/_zustand/store";
-import toast from "react-hot-toast";
-import Image from "next/image"
-import Link from "next/link";
-import { FaCircleQuestion } from "react-icons/fa6";
+import { useProductStore } from '@/app/_zustand/store';
+import toast from 'react-hot-toast';
+import Image from 'next/image';
+import Link from 'next/link';
+import { FaCheck, FaCircleQuestion, FaClock, FaXmark } from 'react-icons/fa6';
+import QuantityInputCart from '@/components/QuantityInputCart';
 
 export const CartModule = () => {
-
   const { products, removeFromCart, calculateTotals, total } =
     useProductStore();
 
   const handleRemoveItem = (id: string) => {
     removeFromCart(id);
     calculateTotals();
-    toast.success("Product removed from the cart");
+    toast.success('Product removed from the cart');
   };
   return (
-
     <form className="mt-12 lg:grid lg:grid-cols-12 lg:items-start lg:gap-x-12 xl:gap-x-16">
       <section aria-labelledby="cart-heading" className="lg:col-span-7">
         <h2 id="cart-heading" className="sr-only">
@@ -34,7 +33,11 @@ export const CartModule = () => {
                 <Image
                   width={192}
                   height={192}
-                  src={product?.image ? `/${product.image}` : "/product_placeholder.jpg"}
+                  src={
+                    product?.image
+                      ? `/${product.image}`
+                      : '/product_placeholder.jpg'
+                  }
                   alt="laptop image"
                   className="h-24 w-24 rounded-md object-cover object-center sm:h-48 sm:w-48"
                 />
@@ -92,7 +95,7 @@ export const CartModule = () => {
                     />
                   )}
 
-                  <span>{1 ? "In stock" : `Ships in 3 days`}</span>
+                  <span>{1 ? 'In stock' : `Ships in 3 days`}</span>
                 </p>
               </div>
             </li>
@@ -105,19 +108,14 @@ export const CartModule = () => {
         aria-labelledby="summary-heading"
         className="mt-16 rounded-lg bg-gray-50 px-4 py-6 sm:p-6 lg:col-span-5 lg:mt-0 lg:p-8"
       >
-        <h2
-          id="summary-heading"
-          className="text-lg font-medium text-gray-900"
-        >
+        <h2 id="summary-heading" className="text-lg font-medium text-gray-900">
           Order summary
         </h2>
 
         <dl className="mt-6 space-y-4">
           <div className="flex items-center justify-between">
             <dt className="text-sm text-gray-600">Subtotal</dt>
-            <dd className="text-sm font-medium text-gray-900">
-              ${total}
-            </dd>
+            <dd className="text-sm font-medium text-gray-900">${total}</dd>
           </div>
           <div className="flex items-center justify-between border-t border-gray-200 pt-4">
             <dt className="flex items-center text-sm text-gray-600">
@@ -129,10 +127,7 @@ export const CartModule = () => {
                 <span className="sr-only">
                   Learn more about how shipping is calculated
                 </span>
-                <FaCircleQuestion
-                  className="h-5 w-5"
-                  aria-hidden="true"
-                />
+                <FaCircleQuestion className="h-5 w-5" aria-hidden="true" />
               </a>
             </dt>
             <dd className="text-sm font-medium text-gray-900">$5.00</dd>
@@ -147,20 +142,13 @@ export const CartModule = () => {
                 <span className="sr-only">
                   Learn more about how tax is calculated
                 </span>
-                <FaCircleQuestion
-                  className="h-5 w-5"
-                  aria-hidden="true"
-                />
+                <FaCircleQuestion className="h-5 w-5" aria-hidden="true" />
               </a>
             </dt>
-            <dd className="text-sm font-medium text-gray-900">
-              ${total / 5}
-            </dd>
+            <dd className="text-sm font-medium text-gray-900">${total / 5}</dd>
           </div>
           <div className="flex items-center justify-between border-t border-gray-200 pt-4">
-            <dt className="text-base font-medium text-gray-900">
-              Order total
-            </dt>
+            <dt className="text-base font-medium text-gray-900">Order total</dt>
             <dd className="text-base font-medium text-gray-900">
               ${total === 0 ? 0 : Math.round(total + total / 5 + 5)}
             </dd>
@@ -178,7 +166,5 @@ export const CartModule = () => {
         )}
       </section>
     </form>
-
-  )
-
-}
+  );
+};
diff --git a/components/modules/wishlist/index.tsx b/components/modules/wishlist/index.tsx
index 749babbc..a5155880 100644
--- a/components/modules/wishlist/index.tsx
+++ b/components/modules/wishlist/index.tsx
@@ -1,52 +1,54 @@
-"use client"
-import { useWishlistStore } from "@/app/_zustand/wishlistStore";
-import WishItem from "@/components/WishItem";
-import { nanoid } from "nanoid";
-import { useSession } from "next-auth/react";
-import { useEffect } from "react";
+'use client';
+import { useWishlistStore } from '@/app/_zustand/wishlistStore';
+import WishItem from '@/components/WishItem';
+import { useSession } from 'next-auth/react';
+import { useCallback, useEffect } from 'react';
 
 export const WishlistModule = () => {
-  const { data: session, status } = useSession();
+  const { data: session } = useSession();
   const { wishlist, setWishlist } = useWishlistStore();
 
-  const getWishlistByUserId = async (id: string) => {
-    const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
-      cache: "no-store",
-    });
-    const wishlist = await response.json();
+  const getWishlistByUserId = useCallback(
+    async (id: string) => {
+      const response = await fetch(`http://localhost:3001/api/wishlist/${id}`, {
+        cache: 'no-store',
+      });
+      const wishlistData = await response.json();
 
-    const productArray: {
-      id: string;
-      title: string;
-      price: number;
-      image: string;
-      slug: string
-      stockAvailabillity: number;
-    }[] = [];
+      const productArray = wishlistData.map((item: any) => ({
+        id: item?.product?.id,
+        title: item?.product?.title,
+        price: item?.product?.price,
+        image: item?.product?.mainImage,
+        slug: item?.product?.slug,
+        stockAvailabillity: item?.product?.inStock,
+      }));
 
-    wishlist.map((item: any) => productArray.push({ id: item?.product?.id, title: item?.product?.title, price: item?.product?.price, image: item?.product?.mainImage, slug: item?.product?.slug, stockAvailabillity: item?.product?.inStock }));
+      setWishlist(productArray);
+    },
+    [setWishlist],
+  );
 
-    setWishlist(productArray);
-  };
-
-  const getUserByEmail = async () => {
+  const getUserByEmail = useCallback(() => {
     if (session?.user?.email) {
-      fetch(`http://localhost:3001/api/users/email/${session?.user?.email}`, {
-        cache: "no-store",
+      fetch(`http://localhost:3001/api/users/email/${session.user.email}`, {
+        cache: 'no-store',
       })
         .then((response) => response.json())
         .then((data) => {
-          getWishlistByUserId(data?.id);
+          if (data?.id) {
+            getWishlistByUserId(data.id);
+          }
         });
     }
-  };
+  }, [session?.user?.email, getWishlistByUserId]);
 
   useEffect(() => {
     getUserByEmail();
-  }, [session?.user?.email, wishlist.length]);
+  }, [getUserByEmail]);
+
   return (
     <>
-
       {wishlist && wishlist.length === 0 ? (
         <h3 className="text-center text-4xl py-10 text-black max-lg:text-3xl max-sm:text-2xl max-sm:pt-5 max-[400px]:text-xl">
           No items found in the wishlist
@@ -65,23 +67,22 @@ export const WishlistModule = () => {
                 </tr>
               </thead>
               <tbody>
-                {wishlist &&
-                  wishlist?.map((item) => (
-                    <WishItem
-                      id={item?.id}
-                      title={item?.title}
-                      price={item?.price}
-                      image={item?.image}
-                      slug={item?.slug}
-                      stockAvailabillity={item?.stockAvailabillity}
-                      key={nanoid()}
-                    />
-                  ))}
+                {wishlist?.map((item) => (
+                  <WishItem
+                    key={item.id} // ✅ stable key
+                    id={item.id}
+                    title={item.title}
+                    price={item.price}
+                    image={item.image}
+                    slug={item.slug}
+                    stockAvailabillity={item.stockAvailabillity}
+                  />
+                ))}
               </tbody>
             </table>
           </div>
         </div>
       )}
     </>
-  )
-}
+  );
+};
diff --git a/helpers/is-browser.ts b/helpers/is-browser.ts
index f6400261..7dbf59e1 100644
--- a/helpers/is-browser.ts
+++ b/helpers/is-browser.ts
@@ -1,6 +1,5 @@
 function isBrowser(): boolean {
-    return typeof window !== "undefined";
-  }
-  
-  export default isBrowser;
-  
\ No newline at end of file
+  return typeof window !== 'undefined';
+}
+
+export default isBrowser;
diff --git a/helpers/is-small-screen.ts b/helpers/is-small-screen.ts
index 06d35e83..60769436 100644
--- a/helpers/is-small-screen.ts
+++ b/helpers/is-small-screen.ts
@@ -1,4 +1,4 @@
-import isBrowser from "./is-browser";
+import isBrowser from './is-browser';
 
 function isSmallScreen(): boolean {
   return isBrowser() && window.innerWidth < 768;
diff --git a/lib/utils.ts b/lib/utils.ts
index 3f90afdf..5fc90a96 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,109 +1,109 @@
 export const categoryMenuList = [
   {
     id: 1,
-    title: "Smart Phones",
-    src: "/smart phone icon.png",
-    href: "/shop/smart-phones"
+    title: 'Smart Phones',
+    src: '/smart phone icon.png',
+    href: '/shop/smart-phones',
   },
   {
     id: 2,
-    title: "Tablets",
-    src: "/tablet icon.png",
-    href: "/shop/tablets"
+    title: 'Tablets',
+    src: '/tablet icon.png',
+    href: '/shop/tablets',
   },
   {
     id: 3,
-    title: "Mouses",
-    src: "/mouse icon.png",
-    href: "/shop/mouses"
+    title: 'Mouses',
+    src: '/mouse icon.png',
+    href: '/shop/mouses',
   },
   {
     id: 4,
-    title: "Cameras",
-    src: "/camera icon.png",
-    href: "/shop/cameras"
+    title: 'Cameras',
+    src: '/camera icon.png',
+    href: '/shop/cameras',
   },
   {
     id: 5,
-    title: "Smart Watches",
-    src: "/smart watch.png",
-    href: "/shop/watches"
+    title: 'Smart Watches',
+    src: '/smart watch.png',
+    href: '/shop/watches',
   },
   {
     id: 6,
-    title: "Laptops",
-    src: "/laptop icon.png",
-    href: "/shop/laptops"
+    title: 'Laptops',
+    src: '/laptop icon.png',
+    href: '/shop/laptops',
   },
   {
     id: 7,
-    title: "PCs",
-    src: "/pc icon.png",
-    href: "/shop/computers"
+    title: 'PCs',
+    src: '/pc icon.png',
+    href: '/shop/computers',
   },
   {
     id: 8,
-    title: "Printers",
-    src: "/printers icon.png",
-    href: "/shop/printers"
+    title: 'Printers',
+    src: '/printers icon.png',
+    href: '/shop/printers',
   },
   {
     id: 9,
-    title: "Earbuds",
-    src: "/ear buds icon.png",
-    href: "/shop/earbuds"
+    title: 'Earbuds',
+    src: '/ear buds icon.png',
+    href: '/shop/earbuds',
   },
   {
     id: 10,
-    title: "Head Phones",
-    src: "/headphone icon.png",
-    href: "/shop/headphones"
+    title: 'Head Phones',
+    src: '/headphone icon.png',
+    href: '/shop/headphones',
   },
 ];
 
 export const incentives = [
   {
-    name: "Free Shipping",
+    name: 'Free Shipping',
     description:
-      "Our shipping is completely free and that is completely good for our customers.",
-    imageSrc: "/shipping icon.png",
+      'Our shipping is completely free and that is completely good for our customers.',
+    imageSrc: '/shipping icon.png',
   },
   {
-    name: "24/7 Customer Support",
+    name: '24/7 Customer Support',
     description:
-      "Our support is working all day and night to answer any question you have.",
-    imageSrc: "/support icon.png",
+      'Our support is working all day and night to answer any question you have.',
+    imageSrc: '/support icon.png',
   },
   {
-    name: "Fast Shopping Cart",
+    name: 'Fast Shopping Cart',
     description:
-      "We have super fast shopping experience and you will enjoy it.",
-    imageSrc: "/fast shopping icon.png",
+      'We have super fast shopping experience and you will enjoy it.',
+    imageSrc: '/fast shopping icon.png',
   },
 ];
 
 export const navigation = {
   sale: [
-    { name: "Discounts", href: "#" },
-    { name: "News", href: "#" },
-    { name: "Register Discounts", href: "#" },
+    { name: 'Discounts', href: '#' },
+    { name: 'News', href: '#' },
+    { name: 'Register Discounts', href: '#' },
   ],
   about: [
-    { name: "About Singitronic", href: "#" },
-    { name: "Work With Us", href: "#" },
-    { name: "Company Profile", href: "#" },
+    { name: 'About Singitronic', href: '#' },
+    { name: 'Work With Us', href: '#' },
+    { name: 'Company Profile', href: '#' },
   ],
   buy: [
-    { name: "Singitronic Loyalty Card", href: "#" },
-    { name: "Terms Of Use", href: "#" },
-    { name: "Privacy Policy", href: "#" },
-    { name: "Complaints", href: "#" },
-    { name: "Partners", href: "#" },
+    { name: 'Singitronic Loyalty Card', href: '#' },
+    { name: 'Terms Of Use', href: '#' },
+    { name: 'Privacy Policy', href: '#' },
+    { name: 'Complaints', href: '#' },
+    { name: 'Partners', href: '#' },
   ],
   help: [
-    { name: "Contact", href: "#" },
-    { name: "How to Buy at Singitronic", href: "#" },
-    { name: "FAQ", href: "#" },
+    { name: 'Contact', href: '#' },
+    { name: 'How to Buy at Singitronic', href: '#' },
+    { name: 'FAQ', href: '#' },
   ],
 };
 
@@ -121,11 +121,11 @@ export const isValidEmailAddressFormat = (input: string) => {
 
 export const isValidCardNumber = (input: string) => {
   // Remove all non-digit characters
-  const cleanedInput = input.replace(/[^0-9]/g, "");
+  const cleanedInput = input.replace(/[^0-9]/g, '');
   // test for credit card number between 13 and 19 characters
   const regex = /^\d{13,19}$/;
   return regex.test(cleanedInput);
-}
+};
 
 export const isValidCreditCardExpirationDate = (input: string) => {
   // simple expiration date format check
diff --git a/next.config.mjs b/next.config.mjs
index f956d584..3fc083db 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,14 +1,14 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    images: {
-        remotePatterns: [
-          {
-            protocol: 'https',
-            hostname: 'placehold.co',
-            port: ""
-          },
-        ],
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'placehold.co',
+        port: '',
       },
+    ],
+  },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
index b4acfba5..64abd02c 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,10 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "prepare": "husky",
+    "prettier": "prettier --write .",
+    "prettier:check": "prettier --check ."
   },
   "dependencies": {
     "@headlessui/react": "^1.7.18",
@@ -40,7 +43,12 @@
     "daisyui": "^4.7.2",
     "eslint": "^8",
     "eslint-config-next": "14.1.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.6",
     "postcss": "^8",
+    "prettier": "^3.6.2",
     "prisma": "^5.10.2",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"
diff --git a/server/app.js b/server/app.js
index 7ee21d20..aca82d13 100644
--- a/server/app.js
+++ b/server/app.js
@@ -1,41 +1,40 @@
-const express = require("express");
+const express = require('express');
 const bcrypt = require('bcryptjs');
-const fileUpload = require("express-fileupload");
-const productsRouter = require("./routes/products");
-const productImagesRouter = require("./routes/productImages");
-const categoryRouter = require("./routes/category");
-const searchRouter = require("./routes/search");
-const mainImageRouter = require("./routes/mainImages");
-const userRouter = require("./routes/users");
-const orderRouter = require("./routes/customer_orders");
-const slugRouter = require("./routes/slugs");
+const fileUpload = require('express-fileupload');
+const productsRouter = require('./routes/products');
+const productImagesRouter = require('./routes/productImages');
+const categoryRouter = require('./routes/category');
+const searchRouter = require('./routes/search');
+const mainImageRouter = require('./routes/mainImages');
+const userRouter = require('./routes/users');
+const orderRouter = require('./routes/customer_orders');
+const slugRouter = require('./routes/slugs');
 const orderProductRouter = require('./routes/customer_order_product');
 const wishlistRouter = require('./routes/wishlist');
-var cors = require("cors");
+var cors = require('cors');
 
 const app = express();
 
 app.use(express.json());
 app.use(
   cors({
-    origin: "*",
-    methods: ["GET", "POST", "PUT", "DELETE"],
-    allowedHeaders: ["Content-Type", "Authorization"],
-  })
+    origin: '*',
+    methods: ['GET', 'POST', 'PUT', 'DELETE'],
+    allowedHeaders: ['Content-Type', 'Authorization'],
+  }),
 );
 app.use(fileUpload());
 
-app.use("/api/products", productsRouter);
-app.use("/api/categories", categoryRouter);
-app.use("/api/images", productImagesRouter);
-app.use("/api/main-image", mainImageRouter);
-app.use("/api/users", userRouter);
-app.use("/api/search", searchRouter);
-app.use("/api/orders", orderRouter);
+app.use('/api/products', productsRouter);
+app.use('/api/categories', categoryRouter);
+app.use('/api/images', productImagesRouter);
+app.use('/api/main-image', mainImageRouter);
+app.use('/api/users', userRouter);
+app.use('/api/search', searchRouter);
+app.use('/api/orders', orderRouter);
 app.use('/api/order-product', orderProductRouter);
-app.use("/api/slugs", slugRouter);
-app.use("/api/wishlist", wishlistRouter);
-
+app.use('/api/slugs', slugRouter);
+app.use('/api/wishlist', wishlistRouter);
 
 const PORT = process.env.PORT || 3001;
 app.listen(PORT, () => {
diff --git a/server/controllers/category.js b/server/controllers/category.js
index a4aee934..a7863c1f 100644
--- a/server/controllers/category.js
+++ b/server/controllers/category.js
@@ -1,4 +1,4 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function createCategory(request, response) {
@@ -11,8 +11,8 @@ async function createCategory(request, response) {
     });
     return response.status(201).json(category);
   } catch (error) {
-    console.error("Error creating category:", error);
-    return response.status(500).json({ error: "Error creating category" });
+    console.error('Error creating category:', error);
+    return response.status(500).json({ error: 'Error creating category' });
   }
 }
 
@@ -28,7 +28,7 @@ async function updateCategory(request, response) {
     });
 
     if (!existingCategory) {
-      return response.status(404).json({ error: "Category not found" });
+      return response.status(404).json({ error: 'Category not found' });
     }
 
     const updatedCategory = await prisma.category.update({
@@ -42,7 +42,7 @@ async function updateCategory(request, response) {
 
     return response.status(200).json(updatedCategory);
   } catch (error) {
-    return response.status(500).json({ error: "Error updating category" });
+    return response.status(500).json({ error: 'Error updating category' });
   }
 }
 
@@ -57,7 +57,7 @@ async function deleteCategory(request, response) {
     return response.status(204).send();
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error deleting category" });
+    return response.status(500).json({ error: 'Error deleting category' });
   }
 }
 
@@ -69,7 +69,7 @@ async function getCategory(request, response) {
     },
   });
   if (!category) {
-    return response.status(404).json({ error: "Category not found" });
+    return response.status(404).json({ error: 'Category not found' });
   }
   return response.status(200).json(category);
 }
@@ -79,7 +79,7 @@ async function getAllCategories(request, response) {
     const categories = await prisma.category.findMany({});
     return response.json(categories);
   } catch (error) {
-    return response.status(500).json({ error: "Error fetching categories" });
+    return response.status(500).json({ error: 'Error fetching categories' });
   }
 }
 
diff --git a/server/controllers/customer_order_product.js b/server/controllers/customer_order_product.js
index 153b3de2..ce1fc8ec 100644
--- a/server/controllers/customer_order_product.js
+++ b/server/controllers/customer_order_product.js
@@ -2,160 +2,164 @@ const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function createOrderProduct(request, response) {
-    try {
-        const { customerOrderId, productId, quantity } = request.body;
-        const corder = await prisma.customer_order_product.create({
-            data: {
-                customerOrderId,
-                productId,
-                quantity
-            }
-        });
-        return response.status(201).json(corder);
-    } catch (error) {
-        console.error("Error creating prodcut order:", error);
-        return response.status(500).json({ error: "Error creating product order" });
-    }
+  try {
+    const { customerOrderId, productId, quantity } = request.body;
+    const corder = await prisma.customer_order_product.create({
+      data: {
+        customerOrderId,
+        productId,
+        quantity,
+      },
+    });
+    return response.status(201).json(corder);
+  } catch (error) {
+    console.error('Error creating prodcut order:', error);
+    return response.status(500).json({ error: 'Error creating product order' });
+  }
 }
 
-
 async function updateProductOrder(request, response) {
-    try {
-        const { id } = request.params;
-        const { customerOrderId, productId, quantity } = request.body;
-
-
-        const existingOrder = await prisma.customer_order_product.findUnique({
-            where: {
-                id: id
-            }
-        });
+  try {
+    const { id } = request.params;
+    const { customerOrderId, productId, quantity } = request.body;
 
-        if (!existingOrder) {
-            return response.status(404).json({ error: "Order not found" });
-        }
+    const existingOrder = await prisma.customer_order_product.findUnique({
+      where: {
+        id: id,
+      },
+    });
 
+    if (!existingOrder) {
+      return response.status(404).json({ error: 'Order not found' });
+    }
 
-        const updatedOrder = await prisma.customer_order_product.update({
-            where: {
-                id: existingOrder.id
-            },
-            data: {
-                customerOrderId,
-                productId,
-                quantity
-            }
-        });
+    const updatedOrder = await prisma.customer_order_product.update({
+      where: {
+        id: existingOrder.id,
+      },
+      data: {
+        customerOrderId,
+        productId,
+        quantity,
+      },
+    });
 
-        return response.json(updatedOrder);
-    } catch (error) {
-        console.log(error);
-        return response.status(500).json({ error: "Error updating order" });
-    }
+    return response.json(updatedOrder);
+  } catch (error) {
+    console.log(error);
+    return response.status(500).json({ error: 'Error updating order' });
+  }
 }
 
 async function deleteProductOrder(request, response) {
-    try {
-        const { id } = request.params;
-        await prisma.customer_order_product.deleteMany({
-            where: {
-                customerOrderId: id
-            }
-        });
-        return response.status(204).send();
-    } catch (error) {
-        return response.status(500).json({ error: "Error deleting product orders" });
-    }
+  try {
+    const { id } = request.params;
+    await prisma.customer_order_product.deleteMany({
+      where: {
+        customerOrderId: id,
+      },
+    });
+    return response.status(204).send();
+  } catch (error) {
+    return response
+      .status(500)
+      .json({ error: 'Error deleting product orders' });
+  }
 }
 
 async function getProductOrder(request, response) {
-    const { id } = request.params;
-    const order = await prisma.customer_order_product.findMany({
-        where: {
-            customerOrderId: id // Use customerOrderId for searching
+  const { id } = request.params;
+  const order = await prisma.customer_order_product.findMany({
+    where: {
+      customerOrderId: id, // Use customerOrderId for searching
+    },
+    include: {
+      product: true, // Including information about a product for response
+    },
+  });
+  if (!order) {
+    return response.status(404).json({ error: 'Order not found' });
+  }
+  return response.status(200).json(order);
+}
+
+async function getAllProductOrders(request, response) {
+  try {
+    // Getting all orders from customer_order_product table
+    const productOrders = await prisma.customer_order_product.findMany({
+      select: {
+        productId: true,
+        quantity: true,
+        customerOrder: {
+          select: {
+            id: true,
+            name: true,
+            lastname: true,
+            phone: true,
+            email: true,
+            company: true,
+            adress: true,
+            apartment: true,
+            postalCode: true,
+            dateTime: true,
+            status: true,
+            total: true,
+          },
         },
-        include: {
-            product: true // Including information about a product for response
-        }
+      },
     });
-    if (!order) {
-        return response.status(404).json({ error: "Order not found" });
-    }
-    return response.status(200).json(order);
-}
 
+    // Creating map for storing data about orders grouped by customerOrderId
+    const ordersMap = new Map();
 
-async function getAllProductOrders(request, response) {
-    try {
-        // Getting all orders from customer_order_product table
-        const productOrders = await prisma.customer_order_product.findMany({
-            select: {
-                productId: true,
-                quantity: true,
-                customerOrder: {
-                    select: {
-                        id: true,
-                        name: true,
-                        lastname: true,
-                        phone: true,
-                        email: true,
-                        company: true,
-                        adress: true,
-                        apartment: true,
-                        postalCode: true,
-                        dateTime: true,
-                        status: true,
-                        total: true
-                    }
-                }
-            }
-        });
+    // Iterating through all orders
+    for (const order of productOrders) {
+      const { customerOrder, productId, quantity } = order;
+      const { id, ...orderDetails } = customerOrder;
 
-        // Creating map for storing data about orders grouped by customerOrderId
-        const ordersMap = new Map();
-
-        // Iterating through all orders
-        for (const order of productOrders) {
-            const { customerOrder, productId, quantity } = order;
-            const { id, ...orderDetails } = customerOrder;
-
-            // Finding a product from the table Product with productId
-            const product = await prisma.product.findUnique({
-                where: {
-                    id: productId
-                },
-                select: {
-                    id: true,
-                    title: true,
-                    mainImage: true,
-                    price: true,
-                    slug: true
-                }
-            });
-
-            if (ordersMap.has(id)) {
-                // If there is input for customerOrderId, add a new product in existing map array
-                ordersMap.get(id).products.push({ ...product, quantity });
-            } else {
-                // Otherwise create new input for customerOrderId and add the product
-                ordersMap.set(id, {
-                    customerOrderId: id,
-                    customerOrder: orderDetails,
-                    products: [{ ...product, quantity }]
-                });
-            }
-        }
-
-        // Converting map to object array
-        const groupedOrders = Array.from(ordersMap.values());
-
-        return response.json(groupedOrders);
-    } catch (error) {
-        console.error('Error fetching all product orders:', error);
-        return response.status(500).json({ error: "Error fetching all product orders" });
+      // Finding a product from the table Product with productId
+      const product = await prisma.product.findUnique({
+        where: {
+          id: productId,
+        },
+        select: {
+          id: true,
+          title: true,
+          mainImage: true,
+          price: true,
+          slug: true,
+        },
+      });
+
+      if (ordersMap.has(id)) {
+        // If there is input for customerOrderId, add a new product in existing map array
+        ordersMap.get(id).products.push({ ...product, quantity });
+      } else {
+        // Otherwise create new input for customerOrderId and add the product
+        ordersMap.set(id, {
+          customerOrderId: id,
+          customerOrder: orderDetails,
+          products: [{ ...product, quantity }],
+        });
+      }
     }
-}
 
+    // Converting map to object array
+    const groupedOrders = Array.from(ordersMap.values());
 
+    return response.json(groupedOrders);
+  } catch (error) {
+    console.error('Error fetching all product orders:', error);
+    return response
+      .status(500)
+      .json({ error: 'Error fetching all product orders' });
+  }
+}
 
-module.exports = { createOrderProduct, updateProductOrder, deleteProductOrder, getProductOrder,getAllProductOrders};
\ No newline at end of file
+module.exports = {
+  createOrderProduct,
+  updateProductOrder,
+  deleteProductOrder,
+  getProductOrder,
+  getAllProductOrders,
+};
diff --git a/server/controllers/customer_orders.js b/server/controllers/customer_orders.js
index f9d68aa5..0bbbef3e 100644
--- a/server/controllers/customer_orders.js
+++ b/server/controllers/customer_orders.js
@@ -1,4 +1,4 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function createCustomerOrder(request, response) {
@@ -37,8 +37,8 @@ async function createCustomerOrder(request, response) {
     });
     return response.status(201).json(corder);
   } catch (error) {
-    console.error("Error creating order:", error);
-    return response.status(500).json({ error: "Error creating order" });
+    console.error('Error creating order:', error);
+    return response.status(500).json({ error: 'Error creating order' });
   }
 }
 
@@ -69,7 +69,7 @@ async function updateCustomerOrder(request, response) {
     });
 
     if (!existingOrder) {
-      return response.status(404).json({ error: "Order not found" });
+      return response.status(404).json({ error: 'Order not found' });
     }
 
     const updatedOrder = await prisma.customer_order.update({
@@ -96,7 +96,7 @@ async function updateCustomerOrder(request, response) {
 
     return response.status(200).json(updatedOrder);
   } catch (error) {
-    return response.status(500).json({ error: "Error updating order" });
+    return response.status(500).json({ error: 'Error updating order' });
   }
 }
 
@@ -110,7 +110,7 @@ async function deleteCustomerOrder(request, response) {
     });
     return response.status(204).send();
   } catch (error) {
-    return response.status(500).json({ error: "Error deleting order" });
+    return response.status(500).json({ error: 'Error deleting order' });
   }
 }
 
@@ -122,7 +122,7 @@ async function getCustomerOrder(request, response) {
     },
   });
   if (!order) {
-    return response.status(404).json({ error: "Order not found" });
+    return response.status(404).json({ error: 'Order not found' });
   }
   return response.status(200).json(order);
 }
@@ -133,7 +133,7 @@ async function getAllOrders(request, response) {
     return response.json(orders);
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error fetching orders" });
+    return response.status(500).json({ error: 'Error fetching orders' });
   }
 }
 
diff --git a/server/controllers/mainImages.js b/server/controllers/mainImages.js
index 8cfd5f1f..39518305 100644
--- a/server/controllers/mainImages.js
+++ b/server/controllers/mainImages.js
@@ -1,24 +1,24 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function uploadMainImage(req, res) {
-    if (!req.files || Object.keys(req.files).length === 0) {
-      return res.status(400).json({ message: "Nema otpremljenih fajlova" });
-    }
-  
-    // Get file from a request
-    const uploadedFile = req.files.uploadedFile;
-  
-    // Using mv method for moving file to the directory on the server
-    uploadedFile.mv('../public/' + uploadedFile.name, (err) => {
-      if (err) {
-        return res.status(500).send(err);
-      }
-  
-      res.status(200).json({ message: "Fajl je uspešno otpremljen" });
-    });
+  if (!req.files || Object.keys(req.files).length === 0) {
+    return res.status(400).json({ message: 'Nema otpremljenih fajlova' });
   }
 
-  module.exports = {
-    uploadMainImage
-};
\ No newline at end of file
+  // Get file from a request
+  const uploadedFile = req.files.uploadedFile;
+
+  // Using mv method for moving file to the directory on the server
+  uploadedFile.mv('../public/' + uploadedFile.name, (err) => {
+    if (err) {
+      return res.status(500).send(err);
+    }
+
+    res.status(200).json({ message: 'Fajl je uspešno otpremljen' });
+  });
+}
+
+module.exports = {
+  uploadMainImage,
+};
diff --git a/server/controllers/productImages.js b/server/controllers/productImages.js
index 69b69343..c9cfe20b 100644
--- a/server/controllers/productImages.js
+++ b/server/controllers/productImages.js
@@ -1,4 +1,4 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function getSingleProductImages(request, response) {
@@ -7,7 +7,7 @@ async function getSingleProductImages(request, response) {
     where: { productID: id },
   });
   if (!images) {
-    return response.json({ error: "Images not found" }, { status: 404 });
+    return response.json({ error: 'Images not found' }, { status: 404 });
   }
   return response.json(images);
 }
@@ -23,8 +23,8 @@ async function createImage(request, response) {
     });
     return response.status(201).json(createImage);
   } catch (error) {
-    console.error("Error creating image:", error);
-    return response.status(500).json({ error: "Error creating image" });
+    console.error('Error creating image:', error);
+    return response.status(500).json({ error: 'Error creating image' });
   }
 }
 
@@ -44,7 +44,7 @@ async function updateImage(request, response) {
     if (!existingImage) {
       return response
         .status(404)
-        .json({ error: "Image not found for the provided productID" });
+        .json({ error: 'Image not found for the provided productID' });
     }
 
     // Updating photo using coresponding imageID
@@ -60,8 +60,8 @@ async function updateImage(request, response) {
 
     return response.json(updatedImage);
   } catch (error) {
-    console.error("Error updating image:", error);
-    return response.status(500).json({ error: "Error updating image" });
+    console.error('Error updating image:', error);
+    return response.status(500).json({ error: 'Error updating image' });
   }
 }
 
@@ -75,13 +75,11 @@ async function deleteImage(request, response) {
     });
     return response.status(204).send();
   } catch (error) {
-    console.error("Error deleting image:", error);
-    return response.status(500).json({ error: "Error deleting image" });
+    console.error('Error deleting image:', error);
+    return response.status(500).json({ error: 'Error deleting image' });
   }
 }
 
-
-
 module.exports = {
   getSingleProductImages,
   createImage,
diff --git a/server/controllers/products.js b/server/controllers/products.js
index 20a9016b..2382f1b4 100644
--- a/server/controllers/products.js
+++ b/server/controllers/products.js
@@ -1,122 +1,120 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function getAllProducts(request, response) {
-  const mode = request.query.mode || "";
+  const mode = request.query.mode || '';
   // checking if we are on the admin products page because we don't want to have filtering, sorting and pagination there
-  if(mode === "admin"){
+  if (mode === 'admin') {
     try {
       const adminProducts = await prisma.product.findMany({});
       return response.json(adminProducts);
     } catch (error) {
-      return response.status(500).json({ error: "Error fetching products" });
+      return response.status(500).json({ error: 'Error fetching products' });
     }
-  }else{
-    const dividerLocation = request.url.indexOf("?");
+  } else {
+    const dividerLocation = request.url.indexOf('?');
     let filterObj = {};
     let sortObj = {};
-    let sortByValue = "defaultSort";
-  
+    let sortByValue = 'defaultSort';
+
     // getting current page
     const page = Number(request.query.page) ? Number(request.query.page) : 1;
-  
+
     if (dividerLocation !== -1) {
       const queryArray = request.url
         .substring(dividerLocation + 1, request.url.length)
-        .split("&");
-  
+        .split('&');
+
       let filterType;
       let filterArray = [];
-  
+
       for (let i = 0; i < queryArray.length; i++) {
         // checking whether it is filter mode or price filter
         if (
-          queryArray[i].indexOf("filters") !== -1 &&
-          queryArray[i].indexOf("price") !== -1
+          queryArray[i].indexOf('filters') !== -1 &&
+          queryArray[i].indexOf('price') !== -1
         ) {
-  
           // taking price par. Of course I could write it much simpler: filterType="price"
           filterType = queryArray[i].substring(
-            queryArray[i].indexOf("price"),
-            queryArray[i].indexOf("price") + "price".length
+            queryArray[i].indexOf('price'),
+            queryArray[i].indexOf('price') + 'price'.length,
           );
         }
-  
+
         // checking whether it is filter mode and rating filter
         if (
-          queryArray[i].indexOf("filters") !== -1 &&
-          queryArray[i].indexOf("rating") !== -1
+          queryArray[i].indexOf('filters') !== -1 &&
+          queryArray[i].indexOf('rating') !== -1
         ) {
-  
           // taking "rating" part. Of course I could write it much simpler: filterType="rating"
           filterType = queryArray[i].substring(
-            queryArray[i].indexOf("rating"),
-            queryArray[i].indexOf("rating") + "rating".length
+            queryArray[i].indexOf('rating'),
+            queryArray[i].indexOf('rating') + 'rating'.length,
           );
         }
-  
+
         // checking whether it is filter mode and category filter
         if (
-          queryArray[i].indexOf("filters") !== -1 &&
-          queryArray[i].indexOf("category") !== -1
+          queryArray[i].indexOf('filters') !== -1 &&
+          queryArray[i].indexOf('category') !== -1
         ) {
           // getting "category" part
-          filterType = "category";
+          filterType = 'category';
         }
-  
+
         if (
-          queryArray[i].indexOf("filters") !== -1 &&
-          queryArray[i].indexOf("inStock") !== -1
+          queryArray[i].indexOf('filters') !== -1 &&
+          queryArray[i].indexOf('inStock') !== -1
         ) {
           // getting "inStock" part.  Of course I could write it much simpler: filterType="inStock"
           filterType = queryArray[i].substring(
-            queryArray[i].indexOf("inStock"),
-            queryArray[i].indexOf("inStock") + "inStock".length
+            queryArray[i].indexOf('inStock'),
+            queryArray[i].indexOf('inStock') + 'inStock'.length,
           );
         }
-  
+
         if (
-          queryArray[i].indexOf("filters") !== -1 &&
-          queryArray[i].indexOf("outOfStock") !== -1
+          queryArray[i].indexOf('filters') !== -1 &&
+          queryArray[i].indexOf('outOfStock') !== -1
         ) {
           // getting "outOfStock" part.  Of course I could write it much simpler: filterType="outOfStock"
           filterType = queryArray[i].substring(
-            queryArray[i].indexOf("outOfStock"),
-            queryArray[i].indexOf("outOfStock") + "outOfStock".length
+            queryArray[i].indexOf('outOfStock'),
+            queryArray[i].indexOf('outOfStock') + 'outOfStock'.length,
           );
         }
-  
-        if (queryArray[i].indexOf("sort") !== -1) {
+
+        if (queryArray[i].indexOf('sort') !== -1) {
           // getting sort value from the query
-          sortByValue = queryArray[i].substring(queryArray[i].indexOf("=") + 1);
+          sortByValue = queryArray[i].substring(queryArray[i].indexOf('=') + 1);
         }
-  
+
         // checking whether in the given query filters mode is on
-        if (queryArray[i].indexOf("filters") !== -1) {
+        if (queryArray[i].indexOf('filters') !== -1) {
           let filterValue;
           // checking that it is not filter by category. I am doing it so I can avoid converting string to number
-          if (queryArray[i].indexOf("category") === -1) {
+          if (queryArray[i].indexOf('category') === -1) {
             // taking value part. It is the part where number value of the query is located and I am converting it to the number type because it is string by default
             filterValue = parseInt(
               queryArray[i].substring(
-                queryArray[i].indexOf("=") + 1,
-                queryArray[i].length
-              )
+                queryArray[i].indexOf('=') + 1,
+                queryArray[i].length,
+              ),
             );
           } else {
             // if it is filter by category
             filterValue = queryArray[i].substring(
-              queryArray[i].indexOf("=") + 1,
-              queryArray[i].length
+              queryArray[i].indexOf('=') + 1,
+              queryArray[i].length,
             );
           }
-  
+
           // getting operator for example: lte, gte, gt, lt....
           const filterOperator = queryArray[i].substring(
-            queryArray[i].indexOf("$") + 1,
-            queryArray[i].indexOf("=") - 1
+            queryArray[i].indexOf('$') + 1,
+            queryArray[i].indexOf('=') - 1,
           );
-  
+
           // All of it I add to the filterArray
           // example for current state of filterArray:
           /*
@@ -137,36 +135,36 @@ async function getAllProducts(request, response) {
         };
       }
     }
-  
+
     let whereClause = { ...filterObj }; // Include other filters if any
-  
+
     // Remove category filter from whereClause and use it separately
     if (filterObj.category && filterObj.category.equals) {
       delete whereClause.category; // Remove category filter from whereClause
     }
-  
-    if (sortByValue === "defaultSort") {
+
+    if (sortByValue === 'defaultSort') {
       sortObj = {};
-    } else if (sortByValue === "titleAsc") {
+    } else if (sortByValue === 'titleAsc') {
       sortObj = {
-        title: "asc",
+        title: 'asc',
       };
-    } else if (sortByValue === "titleDesc") {
+    } else if (sortByValue === 'titleDesc') {
       sortObj = {
-        title: "desc",
+        title: 'desc',
       };
-    } else if (sortByValue === "lowPrice") {
+    } else if (sortByValue === 'lowPrice') {
       sortObj = {
-        price: "asc",
+        price: 'asc',
       };
-    } else if (sortByValue === "highPrice") {
+    } else if (sortByValue === 'highPrice') {
       sortObj = {
-        price: "desc",
+        price: 'desc',
       };
     }
-  
+
     let products;
-  
+
     if (Object.keys(filterObj).length === 0) {
       products = await prisma.product.findMany({
         // this is formula for pagination: (page - 1) * limit(take)
@@ -223,10 +221,9 @@ async function getAllProducts(request, response) {
         });
       }
     }
-  
+
     return response.json(products);
   }
-  
 }
 
 async function getAllProductsOld(request, response) {
@@ -273,8 +270,8 @@ async function createProduct(request, response) {
     });
     return response.status(201).json(product);
   } catch (error) {
-    console.error("Error creating product:", error); // Dodajemo log za proveru
-    return response.status(500).json({ error: "Error creating product" });
+    console.error('Error creating product:', error); // Dodajemo log za proveru
+    return response.status(500).json({ error: 'Error creating product' });
   }
 }
 
@@ -301,7 +298,7 @@ async function updateProduct(request, response) {
     });
 
     if (!existingProduct) {
-      return response.status(404).json({ error: "Product not found" });
+      return response.status(404).json({ error: 'Product not found' });
     }
 
     // Updating found product
@@ -324,7 +321,7 @@ async function updateProduct(request, response) {
 
     return response.status(200).json(updatedProduct);
   } catch (error) {
-    return response.status(500).json({ error: "Error updating product" });
+    return response.status(500).json({ error: 'Error updating product' });
   }
 }
 
@@ -333,15 +330,18 @@ async function deleteProduct(request, response) {
   try {
     const { id } = request.params;
 
-        // Check for related records in wishlist table
-        const relatedOrderProductItems = await prisma.customer_order_product.findMany({
-          where: {
-            productId: id,
-          },
-        });
-        if(relatedOrderProductItems.length > 0){
-          return response.status(400).json({ error: 'Cannot delete product because of foreign key constraint. ' });
-        }
+    // Check for related records in wishlist table
+    const relatedOrderProductItems =
+      await prisma.customer_order_product.findMany({
+        where: {
+          productId: id,
+        },
+      });
+    if (relatedOrderProductItems.length > 0) {
+      return response.status(400).json({
+        error: 'Cannot delete product because of foreign key constraint. ',
+      });
+    }
 
     await prisma.product.delete({
       where: {
@@ -351,7 +351,7 @@ async function deleteProduct(request, response) {
     return response.status(204).send();
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error deleting product" });
+    return response.status(500).json({ error: 'Error deleting product' });
   }
 }
 
@@ -361,7 +361,7 @@ async function searchProducts(request, response) {
     if (!query) {
       return response
         .status(400)
-        .json({ error: "Query parameter is required" });
+        .json({ error: 'Query parameter is required' });
     }
 
     const products = await prisma.product.findMany({
@@ -383,8 +383,8 @@ async function searchProducts(request, response) {
 
     return response.json(products);
   } catch (error) {
-    console.error("Error searching products:", error);
-    return response.status(500).json({ error: "Error searching products" });
+    console.error('Error searching products:', error);
+    return response.status(500).json({ error: 'Error searching products' });
   }
 }
 
@@ -399,7 +399,7 @@ async function getProductById(request, response) {
     },
   });
   if (!product) {
-    return response.status(404).json({ error: "Product not found" });
+    return response.status(404).json({ error: 'Product not found' });
   }
   return response.status(200).json(product);
 }
diff --git a/server/controllers/search.js b/server/controllers/search.js
index 55b52cde..05f92dbe 100644
--- a/server/controllers/search.js
+++ b/server/controllers/search.js
@@ -2,34 +2,36 @@ const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function searchProducts(request, response) {
-    try {
-        const { query } = request.query;
-        if (!query) {
-            return response.status(400).json({ error: "Query parameter is required" });
-        }
+  try {
+    const { query } = request.query;
+    if (!query) {
+      return response
+        .status(400)
+        .json({ error: 'Query parameter is required' });
+    }
 
-        const products = await prisma.product.findMany({
-            where: {
-                OR: [
-                    {
-                        title: {
-                            contains: query
-                        }
-                    },
-                    {
-                        description: {
-                            contains: query
-                        }
-                    }
-                ]
-            }
-        });
+    const products = await prisma.product.findMany({
+      where: {
+        OR: [
+          {
+            title: {
+              contains: query,
+            },
+          },
+          {
+            description: {
+              contains: query,
+            },
+          },
+        ],
+      },
+    });
 
-        return response.json(products);
-    } catch (error) {
-        console.error("Error searching products:", error);
-        return response.status(500).json({ error: "Error searching products" });
-    }
+    return response.json(products);
+  } catch (error) {
+    console.error('Error searching products:', error);
+    return response.status(500).json({ error: 'Error searching products' });
+  }
 }
 
-module.exports = { searchProducts };
\ No newline at end of file
+module.exports = { searchProducts };
diff --git a/server/controllers/slugs.js b/server/controllers/slugs.js
index 7a7f1afa..8aaf604f 100644
--- a/server/controllers/slugs.js
+++ b/server/controllers/slugs.js
@@ -1,4 +1,4 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
 
 async function getProductBySlug(request, response) {
@@ -8,13 +8,13 @@ async function getProductBySlug(request, response) {
       slug: slug,
     },
     include: {
-      category: true
+      category: true,
     },
   });
 
   const foundProduct = product[0]; // Assuming there's only one product with that slug
   if (!foundProduct) {
-    return response.status(404).json({ error: "Product not found" });
+    return response.status(404).json({ error: 'Product not found' });
   }
   return response.status(200).json(foundProduct);
 }
diff --git a/server/controllers/users.js b/server/controllers/users.js
index 2a57dfab..8e21a7da 100644
--- a/server/controllers/users.js
+++ b/server/controllers/users.js
@@ -1,13 +1,13 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
-const bcrypt = require("bcryptjs");
+const bcrypt = require('bcryptjs');
 
 async function getAllUsers(request, response) {
   try {
     const users = await prisma.user.findMany({});
     return response.json(users);
   } catch (error) {
-    return response.status(500).json({ error: "Error fetching users" });
+    return response.status(500).json({ error: 'Error fetching users' });
   }
 }
 
@@ -25,8 +25,8 @@ async function createUser(request, response) {
     });
     return response.status(201).json(user);
   } catch (error) {
-    console.error("Error creating user:", error);
-    return response.status(500).json({ error: "Error creating user" });
+    console.error('Error creating user:', error);
+    return response.status(500).json({ error: 'Error creating user' });
   }
 }
 
@@ -42,7 +42,7 @@ async function updateUser(request, response) {
     });
 
     if (!existingUser) {
-      return response.status(404).json({ error: "User not found" });
+      return response.status(404).json({ error: 'User not found' });
     }
 
     const updatedUser = await prisma.user.update({
@@ -58,7 +58,7 @@ async function updateUser(request, response) {
 
     return response.status(200).json(updatedUser);
   } catch (error) {
-    return response.status(500).json({ error: "Error updating user" });
+    return response.status(500).json({ error: 'Error updating user' });
   }
 }
 
@@ -73,7 +73,7 @@ async function deleteUser(request, response) {
     return response.status(204).send();
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error deleting user" });
+    return response.status(500).json({ error: 'Error deleting user' });
   }
 }
 
@@ -85,7 +85,7 @@ async function getUser(request, response) {
     },
   });
   if (!user) {
-    return response.status(404).json({ error: "User not found" });
+    return response.status(404).json({ error: 'User not found' });
   }
   return response.status(200).json(user);
 }
@@ -98,7 +98,7 @@ async function getUserByEmail(request, response) {
     },
   });
   if (!user) {
-    return response.status(404).json({ error: "User not found" });
+    return response.status(404).json({ error: 'User not found' });
   }
   return response.status(200).json(user);
 }
diff --git a/server/controllers/wishlist.js b/server/controllers/wishlist.js
index d5c0923c..a777f88b 100644
--- a/server/controllers/wishlist.js
+++ b/server/controllers/wishlist.js
@@ -1,6 +1,6 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 const prisma = new PrismaClient();
-const bcrypt = require("bcryptjs");
+const bcrypt = require('bcryptjs');
 
 async function getAllWishlist(request, response) {
   try {
@@ -11,7 +11,7 @@ async function getAllWishlist(request, response) {
     });
     return response.json(wishlist);
   } catch (error) {
-    return response.status(500).json({ error: "Error fetching wishlist" });
+    return response.status(500).json({ error: 'Error fetching wishlist' });
   }
 }
 
@@ -29,7 +29,7 @@ async function getAllWishlistByUserId(request, response) {
     });
     return response.json(wishlist);
   } catch (error) {
-    return response.status(500).json({ error: "Error fetching wishlist" });
+    return response.status(500).json({ error: 'Error fetching wishlist' });
   }
 }
 
@@ -44,72 +44,68 @@ async function createWishItem(request, response) {
     });
     return response.status(201).json(wishItem);
   } catch (error) {
-    console.error("Error creating wish item:", error);
-    return response.status(500).json({ error: "Error creating wish item" });
+    console.error('Error creating wish item:', error);
+    return response.status(500).json({ error: 'Error creating wish item' });
   }
 }
 
 async function deleteWishItem(request, response) {
   try {
     const { userId, productId } = request.params;
-    
+
     await prisma.wishlist.deleteMany({
       where: {
         userId: userId,
         productId: productId,
       },
     });
-    
-    return response.status(204).send();
 
+    return response.status(204).send();
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error deleting wish item" });
+    return response.status(500).json({ error: 'Error deleting wish item' });
   }
 }
 
-async function getSingleProductFromWishlist(request, response){
+async function getSingleProductFromWishlist(request, response) {
   try {
     const { userId, productId } = request.params;
-    
+
     const wishItem = await prisma.wishlist.findMany({
       where: {
         userId: userId,
         productId: productId,
       },
     });
-    
-    return response.status(200).json(wishItem);
 
+    return response.status(200).json(wishItem);
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error getting wish item" });
+    return response.status(500).json({ error: 'Error getting wish item' });
   }
 }
 
 async function deleteAllWishItemByUserId(request, response) {
   try {
     const { userId } = request.params;
-    
+
     await prisma.wishlist.deleteMany({
       where: {
         userId: userId,
       },
     });
-    
-    return response.status(204).send();
 
+    return response.status(204).send();
   } catch (error) {
     console.log(error);
-    return response.status(500).json({ error: "Error deleting wish item" });
+    return response.status(500).json({ error: 'Error deleting wish item' });
   }
 }
 
-
 module.exports = {
   getAllWishlistByUserId,
   getAllWishlist,
   createWishItem,
   deleteWishItem,
-  getSingleProductFromWishlist
+  getSingleProductFromWishlist,
 };
diff --git a/server/routes/category.js b/server/routes/category.js
index db26a940..68eaacd8 100644
--- a/server/routes/category.js
+++ b/server/routes/category.js
@@ -1,4 +1,4 @@
-const express = require("express");
+const express = require('express');
 
 const router = express.Router();
 
@@ -8,12 +8,12 @@ const {
   updateCategory,
   deleteCategory,
   getAllCategories,
-} = require("../controllers/category");
+} = require('../controllers/category');
 
-router.route("/").get(getAllCategories).post(createCategory);
+router.route('/').get(getAllCategories).post(createCategory);
 
 router
-  .route("/:id")
+  .route('/:id')
   .get(getCategory)
   .put(updateCategory)
   .delete(deleteCategory);
diff --git a/server/routes/customer_order_product.js b/server/routes/customer_order_product.js
index a9791e8d..1d2cb05a 100644
--- a/server/routes/customer_order_product.js
+++ b/server/routes/customer_order_product.js
@@ -3,21 +3,19 @@ const express = require('express');
 const router = express.Router();
 
 const {
-    createOrderProduct,
-     updateProductOrder,
-      deleteProductOrder,
-       getProductOrder,
-       getAllProductOrders
-  } = require('../controllers/customer_order_product');
+  createOrderProduct,
+  updateProductOrder,
+  deleteProductOrder,
+  getProductOrder,
+  getAllProductOrders,
+} = require('../controllers/customer_order_product');
 
-  router.route('/')
-  .get(getAllProductOrders)
-  .post(createOrderProduct);
+router.route('/').get(getAllProductOrders).post(createOrderProduct);
 
-  router.route('/:id')
+router
+  .route('/:id')
   .get(getProductOrder)
-  .put(updateProductOrder) 
-  .delete(deleteProductOrder); 
+  .put(updateProductOrder)
+  .delete(deleteProductOrder);
 
-
-  module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/server/routes/customer_orders.js b/server/routes/customer_orders.js
index f3680845..9494d621 100644
--- a/server/routes/customer_orders.js
+++ b/server/routes/customer_orders.js
@@ -3,21 +3,19 @@ const express = require('express');
 const router = express.Router();
 
 const {
-    getCustomerOrder,
-    createCustomerOrder,
-    updateCustomerOrder,
-    deleteCustomerOrder,
-    getAllOrders 
-  } = require('../controllers/customer_orders');
+  getCustomerOrder,
+  createCustomerOrder,
+  updateCustomerOrder,
+  deleteCustomerOrder,
+  getAllOrders,
+} = require('../controllers/customer_orders');
 
-  router.route('/')
-  .get(getAllOrders)
-  .post(createCustomerOrder);
+router.route('/').get(getAllOrders).post(createCustomerOrder);
 
-  router.route('/:id')
+router
+  .route('/:id')
   .get(getCustomerOrder)
-  .put(updateCustomerOrder) 
-  .delete(deleteCustomerOrder); 
+  .put(updateCustomerOrder)
+  .delete(deleteCustomerOrder);
 
-
-  module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/server/routes/mainImages.js b/server/routes/mainImages.js
index 688a1500..0d409e47 100644
--- a/server/routes/mainImages.js
+++ b/server/routes/mainImages.js
@@ -1,7 +1,7 @@
-const express = require("express");
+const express = require('express');
 const router = express.Router();
-const { uploadMainImage } = require("../controllers/mainImages");
+const { uploadMainImage } = require('../controllers/mainImages');
 
-router.route("/").post(uploadMainImage);
+router.route('/').post(uploadMainImage);
 
 module.exports = router;
diff --git a/server/routes/productImages.js b/server/routes/productImages.js
index 7333c54d..d007e84f 100644
--- a/server/routes/productImages.js
+++ b/server/routes/productImages.js
@@ -1,22 +1,18 @@
-const express = require('express')
-const router = express.Router()
+const express = require('express');
+const router = express.Router();
 const {
   getSingleProductImages,
   createImage,
   updateImage,
-  deleteImage
-} = require('../controllers/productImages')
-
-
-router.route('/:id').get(getSingleProductImages); 
+  deleteImage,
+} = require('../controllers/productImages');
 
+router.route('/:id').get(getSingleProductImages);
 
 router.route('/').post(createImage);
 
-
 router.route('/:id').put(updateImage);
 
-
 router.route('/:id').delete(deleteImage);
 
-module.exports = router
+module.exports = router;
diff --git a/server/routes/products.js b/server/routes/products.js
index 930a3a38..6a240eca 100644
--- a/server/routes/products.js
+++ b/server/routes/products.js
@@ -1,4 +1,4 @@
-const express = require("express");
+const express = require('express');
 
 const router = express.Router();
 const {
@@ -8,13 +8,12 @@ const {
   deleteProduct,
   searchProducts,
   getProductById,
-} = require("../controllers/products");
-
-router.route("/").get(getAllProducts).post(createProduct);
+} = require('../controllers/products');
 
+router.route('/').get(getAllProducts).post(createProduct);
 
 router
-  .route("/:id")
+  .route('/:id')
   .get(getProductById)
   .put(updateProduct)
   .delete(deleteProduct);
diff --git a/server/routes/search.js b/server/routes/search.js
index 1300ab4b..6b3151fd 100644
--- a/server/routes/search.js
+++ b/server/routes/search.js
@@ -1,8 +1,8 @@
-const express = require("express");
+const express = require('express');
 
 const router = express.Router();
-const { searchProducts } = require("../controllers/search");
+const { searchProducts } = require('../controllers/search');
 
-router.route("/").get(searchProducts);
+router.route('/').get(searchProducts);
 
 module.exports = router;
diff --git a/server/routes/slugs.js b/server/routes/slugs.js
index e7ea81a9..36b5746e 100644
--- a/server/routes/slugs.js
+++ b/server/routes/slugs.js
@@ -1,9 +1,9 @@
-const express = require("express");
+const express = require('express');
 
 const router = express.Router();
 
-const { getProductBySlug } = require("../controllers/slugs");
+const { getProductBySlug } = require('../controllers/slugs');
 
-router.route("/:slug").get(getProductBySlug);
+router.route('/:slug').get(getProductBySlug);
 
-module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/server/routes/users.js b/server/routes/users.js
index a2782bd2..c3f775fe 100644
--- a/server/routes/users.js
+++ b/server/routes/users.js
@@ -3,25 +3,18 @@ const express = require('express');
 const router = express.Router();
 
 const {
-    getUser,
-    createUser,
-    updateUser,
-    deleteUser,
-    getAllUsers, 
-    getUserByEmail
-  } = require('../controllers/users');
+  getUser,
+  createUser,
+  updateUser,
+  deleteUser,
+  getAllUsers,
+  getUserByEmail,
+} = require('../controllers/users');
 
-  router.route('/')
-  .get(getAllUsers)
-  .post(createUser);
+router.route('/').get(getAllUsers).post(createUser);
 
-  router.route('/:id')
-  .get(getUser)
-  .put(updateUser) 
-  .delete(deleteUser);
+router.route('/:id').get(getUser).put(updateUser).delete(deleteUser);
 
-  router.route('/email/:email')
-  .get(getUserByEmail);
+router.route('/email/:email').get(getUserByEmail);
 
-
-  module.exports = router;
\ No newline at end of file
+module.exports = router;
diff --git a/server/routes/wishlist.js b/server/routes/wishlist.js
index 8f6942c7..5159eaf3 100644
--- a/server/routes/wishlist.js
+++ b/server/routes/wishlist.js
@@ -1,4 +1,4 @@
-const express = require("express");
+const express = require('express');
 
 const router = express.Router();
 
@@ -7,12 +7,15 @@ const {
   getAllWishlist,
   createWishItem,
   deleteWishItem,
-  getSingleProductFromWishlist
-} = require("../controllers/wishlist");
+  getSingleProductFromWishlist,
+} = require('../controllers/wishlist');
 
-router.route("/").get(getAllWishlist).post(createWishItem);
+router.route('/').get(getAllWishlist).post(createWishItem);
 
-router.route("/:userId").get(getAllWishlistByUserId);
-router.route("/:userId/:productId").get(getSingleProductFromWishlist).delete(deleteWishItem);
+router.route('/:userId').get(getAllWishlistByUserId);
+router
+  .route('/:userId/:productId')
+  .get(getSingleProductFromWishlist)
+  .delete(deleteWishItem);
 
 module.exports = router;
diff --git a/server/utills/db.ts b/server/utills/db.ts
index 36be3ac9..8748e8c8 100644
--- a/server/utills/db.ts
+++ b/server/utills/db.ts
@@ -1,18 +1,17 @@
-import { PrismaClient } from "@prisma/client"; 
+import { PrismaClient } from '@prisma/client';
 
 const prismaClientSingleton = () => {
-    return new PrismaClient();
-}
+  return new PrismaClient();
+};
 
 type PrismaClientSingleton = ReturnType<typeof prismaClientSingleton>;
 
 const globalForPrisma = globalThis as unknown as {
-    prisma: PrismaClientSingleton | undefined;
-}
+  prisma: PrismaClientSingleton | undefined;
+};
 
 const prisma = globalForPrisma.prisma ?? prismaClientSingleton();
 
-
 export default prisma;
 
-if(process.env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;
\ No newline at end of file
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
diff --git a/server/utills/insertDemoData.js b/server/utills/insertDemoData.js
index 48f58b6a..5507fb31 100644
--- a/server/utills/insertDemoData.js
+++ b/server/utills/insertDemoData.js
@@ -1,233 +1,231 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 
 const prisma = new PrismaClient();
 
 const demoProducts = [
   {
-    id: "1",
-    title: "Smart phone",
+    id: '1',
+    title: 'Smart phone',
     price: 22,
     rating: 5,
-    description: "This is smart phone description",
-    mainImage: "product1.webp",
-    slug: "smart-phone-demo",
-    manufacturer: "Samsung",
-    categoryId: "3117a1b0-6369-491e-8b8b-9fdd5ad9912e",
+    description: 'This is smart phone description',
+    mainImage: 'product1.webp',
+    slug: 'smart-phone-demo',
+    manufacturer: 'Samsung',
+    categoryId: '3117a1b0-6369-491e-8b8b-9fdd5ad9912e',
     inStock: 0,
   },
   {
-    id: "2",
-    title: "SLR camera",
+    id: '2',
+    title: 'SLR camera',
     price: 24,
     rating: 0,
-    description: "This is slr description",
-    mainImage: "product2.webp",
-    slug: "slr-camera-demo",
-    manufacturer: "Canon",
-    categoryId: "659a91b9-3ff6-47d5-9830-5e7ac905b961",
+    description: 'This is slr description',
+    mainImage: 'product2.webp',
+    slug: 'slr-camera-demo',
+    manufacturer: 'Canon',
+    categoryId: '659a91b9-3ff6-47d5-9830-5e7ac905b961',
     inStock: 0,
   },
   {
-    id: "3",
-    title: "Mixer grinder",
+    id: '3',
+    title: 'Mixer grinder',
     price: 25,
     rating: 4,
-    description: "This is mixed grinder description",
-    mainImage: "product3.webp",
-    slug: "mixed-grinder-demo",
-    manufacturer: "ZunVolt",
-    categoryId: "6c3b8591-b01e-4842-bce1-2f5585bf3a28",
+    description: 'This is mixed grinder description',
+    mainImage: 'product3.webp',
+    slug: 'mixed-grinder-demo',
+    manufacturer: 'ZunVolt',
+    categoryId: '6c3b8591-b01e-4842-bce1-2f5585bf3a28',
     inStock: 1,
   },
   {
-    id: "4",
-    title: "Phone gimbal",
+    id: '4',
+    title: 'Phone gimbal',
     price: 21,
     rating: 5,
-    description: "This is phone gimbal description",
-    mainImage: "product4.webp",
-    slug: "phone-gimbal-demo",
-    manufacturer: "Samsung",
-    categoryId: "d30b85e2-e544-4f48-8434-33fe0b591579",
+    description: 'This is phone gimbal description',
+    mainImage: 'product4.webp',
+    slug: 'phone-gimbal-demo',
+    manufacturer: 'Samsung',
+    categoryId: 'd30b85e2-e544-4f48-8434-33fe0b591579',
     inStock: 1,
   },
   {
-    id: "5",
-    title: "Tablet keyboard",
+    id: '5',
+    title: 'Tablet keyboard',
     price: 52,
     rating: 4,
-    description: "This is tablet keyboard description",
-    mainImage: "product5.webp",
-    slug: "tablet-keyboard-demo",
-    manufacturer: "Samsung",
-    categoryId: "ada699e5-e764-4da0-8d3e-18a8c8c5ed24",
+    description: 'This is tablet keyboard description',
+    mainImage: 'product5.webp',
+    slug: 'tablet-keyboard-demo',
+    manufacturer: 'Samsung',
+    categoryId: 'ada699e5-e764-4da0-8d3e-18a8c8c5ed24',
     inStock: 1,
   },
   {
-    id: "6",
-    title: "Wireless earbuds",
+    id: '6',
+    title: 'Wireless earbuds',
     price: 74,
     rating: 3,
-    description: "This is earbuds description",
-    mainImage: "product6.webp",
-    slug: "wireless-earbuds-demo",
-    manufacturer: "Samsung",
-    categoryId: "1cb9439a-ea47-4a33-913b-e9bf935bcc0b",
+    description: 'This is earbuds description',
+    mainImage: 'product6.webp',
+    slug: 'wireless-earbuds-demo',
+    manufacturer: 'Samsung',
+    categoryId: '1cb9439a-ea47-4a33-913b-e9bf935bcc0b',
     inStock: 1,
   },
   {
-    id: "7",
-    title: "Party speakers",
+    id: '7',
+    title: 'Party speakers',
     price: 35,
     rating: 5,
-    description: "This is party speakers description",
-    mainImage: "product7.webp",
-    slug: "party-speakers-demo",
-    manufacturer: "SOWO",
-    categoryId: "7a241318-624f-48f7-9921-1818f6c20d85",
+    description: 'This is party speakers description',
+    mainImage: 'product7.webp',
+    slug: 'party-speakers-demo',
+    manufacturer: 'SOWO',
+    categoryId: '7a241318-624f-48f7-9921-1818f6c20d85',
     inStock: 1,
   },
   {
-    id: "8",
-    title: "Slow juicer",
+    id: '8',
+    title: 'Slow juicer',
     price: 69,
     rating: 5,
-    description: "Slow juicer desc",
-    mainImage: "product8.webp",
-    slug: "slow-juicer-demo",
-    manufacturer: "Bosch",
-    categoryId: "8d2a091c-4b90-4d60-b191-114b895f3e54",
+    description: 'Slow juicer desc',
+    mainImage: 'product8.webp',
+    slug: 'slow-juicer-demo',
+    manufacturer: 'Bosch',
+    categoryId: '8d2a091c-4b90-4d60-b191-114b895f3e54',
     inStock: 1,
   },
   {
-    id: "9",
-    title: "Wireless headphones",
+    id: '9',
+    title: 'Wireless headphones',
     price: 89,
     rating: 3,
-    description: "This is wireless headphones description",
-    mainImage: "product9.webp",
-    slug: "wireless-headphones-demo",
-    manufacturer: "Sony",
-    categoryId: "4c2cc9ec-7504-4b7c-8ecd-2379a854a423",
+    description: 'This is wireless headphones description',
+    mainImage: 'product9.webp',
+    slug: 'wireless-headphones-demo',
+    manufacturer: 'Sony',
+    categoryId: '4c2cc9ec-7504-4b7c-8ecd-2379a854a423',
     inStock: 1,
   },
   {
-    id: "10",
-    title: "Smart watch",
+    id: '10',
+    title: 'Smart watch',
     price: 64,
     rating: 3,
-    description: "This is smart watch description",
-    mainImage: "product10.webp",
-    slug: "smart-watch-demo",
-    manufacturer: "Samsung",
-    categoryId: "a6896b67-197c-4b2a-b5e2-93954474d8b4",
+    description: 'This is smart watch description',
+    mainImage: 'product10.webp',
+    slug: 'smart-watch-demo',
+    manufacturer: 'Samsung',
+    categoryId: 'a6896b67-197c-4b2a-b5e2-93954474d8b4',
     inStock: 1,
   },
   {
-    id: "11",
-    title: "Notebook horizon",
+    id: '11',
+    title: 'Notebook horizon',
     price: 52,
     rating: 5,
-    description: "This is notebook description",
-    mainImage: "product11.webp",
-    slug: "notebook-horizon-demo",
-    manufacturer: "HP",
-    categoryId: "782e7829-806b-489f-8c3a-2689548d7153",
+    description: 'This is notebook description',
+    mainImage: 'product11.webp',
+    slug: 'notebook-horizon-demo',
+    manufacturer: 'HP',
+    categoryId: '782e7829-806b-489f-8c3a-2689548d7153',
     inStock: 1,
   },
   {
-    id: "12",
-    title: "Mens trimmer",
+    id: '12',
+    title: 'Mens trimmer',
     price: 54,
     rating: 5,
-    description: "This is trimmer description",
-    mainImage: "product12.webp",
-    slug: "mens-trimmer-demo",
-    manufacturer: "Gillete",
-    categoryId: "313eee86-bc11-4dc1-8cb0-6b2c2a2a1ccb",
+    description: 'This is trimmer description',
+    mainImage: 'product12.webp',
+    slug: 'mens-trimmer-demo',
+    manufacturer: 'Gillete',
+    categoryId: '313eee86-bc11-4dc1-8cb0-6b2c2a2a1ccb',
     inStock: 0,
-  }
+  },
 ];
 
-
 const demoCategories = [
   {
-    id: "7a241318-624f-48f7-9921-1818f6c20d85",
-    name: "speakers",
+    id: '7a241318-624f-48f7-9921-1818f6c20d85',
+    name: 'speakers',
   },
   {
-    id: "313eee86-bc11-4dc1-8cb0-6b2c2a2a1ccb",
-    name: "trimmers",
+    id: '313eee86-bc11-4dc1-8cb0-6b2c2a2a1ccb',
+    name: 'trimmers',
   },
   {
-    id: "782e7829-806b-489f-8c3a-2689548d7153",
-    name: "laptops",
+    id: '782e7829-806b-489f-8c3a-2689548d7153',
+    name: 'laptops',
   },
   {
-    id: "a6896b67-197c-4b2a-b5e2-93954474d8b4",
-    name: "watches",
+    id: 'a6896b67-197c-4b2a-b5e2-93954474d8b4',
+    name: 'watches',
   },
   {
-    id: "4c2cc9ec-7504-4b7c-8ecd-2379a854a423",
-    name: "headphones",
+    id: '4c2cc9ec-7504-4b7c-8ecd-2379a854a423',
+    name: 'headphones',
   },
   {
-    id: "8d2a091c-4b90-4d60-b191-114b895f3e54",
-    name: "juicers",
+    id: '8d2a091c-4b90-4d60-b191-114b895f3e54',
+    name: 'juicers',
   },
   {
-    id: "1cb9439a-ea47-4a33-913b-e9bf935bcc0b",
-    name: "earbuds",
+    id: '1cb9439a-ea47-4a33-913b-e9bf935bcc0b',
+    name: 'earbuds',
   },
   {
-    id: "ada699e5-e764-4da0-8d3e-18a8c8c5ed24",
-    name: "tablets",
+    id: 'ada699e5-e764-4da0-8d3e-18a8c8c5ed24',
+    name: 'tablets',
   },
   {
-    id: "d30b85e2-e544-4f48-8434-33fe0b591579",
-    name: "phone-gimbals",
+    id: 'd30b85e2-e544-4f48-8434-33fe0b591579',
+    name: 'phone-gimbals',
   },
   {
-    id: "6c3b8591-b01e-4842-bce1-2f5585bf3a28",
-    name: "mixer-grinders",
+    id: '6c3b8591-b01e-4842-bce1-2f5585bf3a28',
+    name: 'mixer-grinders',
   },
   {
-    id: "659a91b9-3ff6-47d5-9830-5e7ac905b961",
-    name: "cameras",
+    id: '659a91b9-3ff6-47d5-9830-5e7ac905b961',
+    name: 'cameras',
   },
   {
-    id: "3117a1b0-6369-491e-8b8b-9fdd5ad9912e",
-    name: "smart-phones",
+    id: '3117a1b0-6369-491e-8b8b-9fdd5ad9912e',
+    name: 'smart-phones',
   },
   {
-    id: "da6413b4-22fd-4fbb-9741-d77580dfdcd5",
-    name: "mouses"
+    id: 'da6413b4-22fd-4fbb-9741-d77580dfdcd5',
+    name: 'mouses',
   },
   {
-    id: "ss6412b4-22fd-4fbb-9741-d77580dfdcd2",
-    name: "computers"
+    id: 'ss6412b4-22fd-4fbb-9741-d77580dfdcd2',
+    name: 'computers',
   },
   {
-    id: "fs6412b4-22fd-4fbb-9741-d77512dfdfa3",
-    name: "printers"
-  }
+    id: 'fs6412b4-22fd-4fbb-9741-d77512dfdfa3',
+    name: 'printers',
+  },
 ];
 
 async function insertDemoData() {
-  
   for (const category of demoCategories) {
     await prisma.category.create({
       data: category,
     });
   }
-  console.log("Demo categories inserted successfully!");
-  
+  console.log('Demo categories inserted successfully!');
+
   for (const product of demoProducts) {
     await prisma.product.create({
       data: product,
     });
   }
-  console.log("Demo products inserted successfully!");
+  console.log('Demo products inserted successfully!');
 }
 
 insertDemoData()
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 5ec55c7b..bba1cd3a 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,18 +1,22 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {
       colors: {
-        'custom-yellow':'#FED700',
-      }
+        'custom-yellow': '#FED700',
+      },
     },
-  },  
-  plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms"), require("daisyui")],
+  },
+  plugins: [
+    require('@tailwindcss/typography'),
+    require('@tailwindcss/forms'),
+    require('daisyui'),
+  ],
 };
 export default config;
diff --git a/tsconfig.json b/tsconfig.json
index 1bb396b1..48a59663 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,6 +21,12 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "utils/insertDemoData.js"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "utils/insertDemoData.js"
+  ],
   "exclude": ["node_modules"]
 }
diff --git a/typings.d.ts b/typings.d.ts
index 2b0d0b11..7c02ef60 100644
--- a/typings.d.ts
+++ b/typings.d.ts
@@ -8,7 +8,7 @@ interface Product {
   mainImage: string;
   manufacturer: string;
   categoryId: string;
-  category: {name: string}?;
+  category: { name: string }?;
   inStock: number;
 }
 
@@ -56,7 +56,7 @@ interface Order {
   name: string;
   phone: string;
   postalCode: string;
-  status: "processing" | "canceled" | "delivered";
+  status: 'processing' | 'canceled' | 'delivered';
   city: string;
   country: string;
   orderNotice: string?;
@@ -68,7 +68,6 @@ interface SingleProductBtnProps {
   quantityCount: number;
 }
 
-
 interface Category {
   id: string;
   name: string;
@@ -79,4 +78,4 @@ interface WishListItem {
   userId: string;
   productId: string;
   product: Product;
-}
\ No newline at end of file
+}
diff --git a/utils/SessionProvider.tsx b/utils/SessionProvider.tsx
index c00b7a9f..7b477087 100644
--- a/utils/SessionProvider.tsx
+++ b/utils/SessionProvider.tsx
@@ -1,9 +1,9 @@
-"use client";
-import React from "react";
-import { SessionProvider } from "next-auth/react";
+'use client';
+import React from 'react';
+import { SessionProvider } from 'next-auth/react';
 
 const AuthProvider = ({ children }: any) => {
   return <SessionProvider>{children}</SessionProvider>;
 };
 
-export default AuthProvider;
\ No newline at end of file
+export default AuthProvider;
diff --git a/utils/categoryFormating.ts b/utils/categoryFormating.ts
index f2bf6e46..ccfaadf9 100644
--- a/utils/categoryFormating.ts
+++ b/utils/categoryFormating.ts
@@ -1,15 +1,15 @@
 // helper function for converting URL category name to friendly and more readable name
 // For example "smart-watches" after this function will be "smart watches"
 const formatCategoryName = (categoryName: string) => {
-  const categoryNameArray = categoryName.split("-");
-  return categoryNameArray.join(" ");
+  const categoryNameArray = categoryName.split('-');
+  return categoryNameArray.join(' ');
 };
 
 // helper function for converting category name to URL category name
 // For example "smart watches" after this function will be "smart-watches"
 const convertCategoryNameToURLFriendly = (categoryName: string) => {
-  const categoryNameArray = categoryName.split(" ");
-  return categoryNameArray.join("-");
+  const categoryNameArray = categoryName.split(' ');
+  return categoryNameArray.join('-');
 };
 
 export { formatCategoryName, convertCategoryNameToURLFriendly };
diff --git a/utils/db.ts b/utils/db.ts
index 36be3ac9..3e35f9bf 100644
--- a/utils/db.ts
+++ b/utils/db.ts
@@ -1,18 +1,18 @@
-import { PrismaClient } from "@prisma/client"; 
+import { PrismaClient } from '@prisma/client';
 
 const prismaClientSingleton = () => {
-    return new PrismaClient();
-}
+  return new PrismaClient();
+};
 
+con
 type PrismaClientSingleton = ReturnType<typeof prismaClientSingleton>;
 
 const globalForPrisma = globalThis as unknown as {
-    prisma: PrismaClientSingleton | undefined;
-}
+  prisma: PrismaClientSingleton | undefined;
+};
 
 const prisma = globalForPrisma.prisma ?? prismaClientSingleton();
 
-
 export default prisma;
 
-if(process.env.NODE_ENV !== "production") globalForPrisma.prisma = prisma;
\ No newline at end of file
+if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
diff --git a/utils/insertDemoData.js b/utils/insertDemoData.js
index 05e1d973..3026648b 100644
--- a/utils/insertDemoData.js
+++ b/utils/insertDemoData.js
@@ -1,229 +1,228 @@
-const { PrismaClient } = require("@prisma/client");
+const { PrismaClient } = require('@prisma/client');
 
 const prisma = new PrismaClient();
 
 const demoProducts = [
   {
-    id: "1",
-    title: "Smart phone",
+    id: '1',
+    title: 'Smart phone',
     price: 22,
     rating: 5,
-    description: "This is smart phone description",
-    mainImage: "product1.webp",
-    slug: "smart-phone-demo",
-    manufacturer: "Samsung",
-    category: "smart-phones",
+    description: 'This is smart phone description',
+    mainImage: 'product1.webp',
+    slug: 'smart-phone-demo',
+    manufacturer: 'Samsung',
+    category: 'smart-phones',
     inStock: 0,
   },
   {
-    id: "2",
-    title: "SLR camera",
+    id: '2',
+    title: 'SLR camera',
     price: 24,
     rating: 0,
-    description: "This is slr description",
-    mainImage: "product2.webp",
-    slug: "slr-camera-demo",
-    manufacturer: "Canon",
-    category: "cameras",
+    description: 'This is slr description',
+    mainImage: 'product2.webp',
+    slug: 'slr-camera-demo',
+    manufacturer: 'Canon',
+    category: 'cameras',
     inStock: 0,
   },
   {
-    id: "3",
-    title: "Mixer grinder",
+    id: '3',
+    title: 'Mixer grinder',
     price: 25,
     rating: 4,
-    description: "This is mixed grinder description",
-    mainImage: "product3.webp",
-    slug: "mixed-grinder-demo",
-    manufacturer: "ZunVolt",
-    category: "mixer-grinders",
+    description: 'This is mixed grinder description',
+    mainImage: 'product3.webp',
+    slug: 'mixed-grinder-demo',
+    manufacturer: 'ZunVolt',
+    category: 'mixer-grinders',
     inStock: 1,
   },
   {
-    id: "4",
-    title: "Phone gimbal",
+    id: '4',
+    title: 'Phone gimbal',
     price: 21,
     rating: 5,
-    description: "This is phone gimbal description",
-    mainImage: "product4.webp",
-    slug: "phone-gimbal-demo",
-    manufacturer: "Samsung",
-    category: "phone-gimbals",
+    description: 'This is phone gimbal description',
+    mainImage: 'product4.webp',
+    slug: 'phone-gimbal-demo',
+    manufacturer: 'Samsung',
+    category: 'phone-gimbals',
     inStock: 1,
   },
   {
-    id: "5",
-    title: "Tablet keyboard",
+    id: '5',
+    title: 'Tablet keyboard',
     price: 52,
     rating: 4,
-    description: "This is tablet keyboard description",
-    mainImage: "product5.webp",
-    slug: "tablet-keyboard-demo",
-    manufacturer: "Samsung",
-    category: "tablet-keyboards",
+    description: 'This is tablet keyboard description',
+    mainImage: 'product5.webp',
+    slug: 'tablet-keyboard-demo',
+    manufacturer: 'Samsung',
+    category: 'tablet-keyboards',
     inStock: 1,
   },
   {
-    id: "6",
-    title: "Wireless earbuds",
+    id: '6',
+    title: 'Wireless earbuds',
     price: 74,
     rating: 3,
-    description: "This is earbuds description",
-    mainImage: "product6.webp",
-    slug: "wireless-earbuds-demo",
-    manufacturer: "Samsung",
-    category: "earbuds",
+    description: 'This is earbuds description',
+    mainImage: 'product6.webp',
+    slug: 'wireless-earbuds-demo',
+    manufacturer: 'Samsung',
+    category: 'earbuds',
     inStock: 1,
   },
   {
-    id: "7",
-    title: "Party speakers",
+    id: '7',
+    title: 'Party speakers',
     price: 35,
     rating: 5,
-    description: "This is party speakers description",
-    mainImage: "product7.webp",
-    slug: "party-speakers-demo",
-    manufacturer: "SOWO",
-    category: "speakers",
+    description: 'This is party speakers description',
+    mainImage: 'product7.webp',
+    slug: 'party-speakers-demo',
+    manufacturer: 'SOWO',
+    category: 'speakers',
     inStock: 1,
   },
   {
-    id: "8",
-    title: "Slow juicer",
+    id: '8',
+    title: 'Slow juicer',
     price: 69,
     rating: 5,
-    description: "Slow juicer desc",
-    mainImage: "product8.webp",
-    slug: "slow-juicer-demo",
-    manufacturer: "Bosch",
-    category: "juicers",
+    description: 'Slow juicer desc',
+    mainImage: 'product8.webp',
+    slug: 'slow-juicer-demo',
+    manufacturer: 'Bosch',
+    category: 'juicers',
     inStock: 1,
   },
   {
-    id: "9",
-    title: "Wireless headphones",
+    id: '9',
+    title: 'Wireless headphones',
     price: 89,
     rating: 3,
-    description: "This is wireless headphones description",
-    mainImage: "product9.webp",
-    slug: "wireless-headphones-demo",
-    manufacturer: "Sony",
-    category: "headphones",
+    description: 'This is wireless headphones description',
+    mainImage: 'product9.webp',
+    slug: 'wireless-headphones-demo',
+    manufacturer: 'Sony',
+    category: 'headphones',
     inStock: 1,
   },
   {
-    id: "10",
-    title: "Smart watch",
+    id: '10',
+    title: 'Smart watch',
     price: 64,
     rating: 3,
-    description: "This is smart watch description",
-    mainImage: "product10.webp",
-    slug: "smart-watch-demo",
-    manufacturer: "Samsung",
-    category: "watches",
+    description: 'This is smart watch description',
+    mainImage: 'product10.webp',
+    slug: 'smart-watch-demo',
+    manufacturer: 'Samsung',
+    category: 'watches',
     inStock: 1,
   },
   {
-    id: "11",
-    title: "Notebook horizon",
+    id: '11',
+    title: 'Notebook horizon',
     price: 52,
     rating: 5,
-    description: "This is notebook description",
-    mainImage: "product11.webp",
-    slug: "notebook-horizon-demo",
-    manufacturer: "HP",
-    category: "laptops",
+    description: 'This is notebook description',
+    mainImage: 'product11.webp',
+    slug: 'notebook-horizon-demo',
+    manufacturer: 'HP',
+    category: 'laptops',
     inStock: 1,
   },
   {
-    id: "12",
-    title: "Mens trimmer",
+    id: '12',
+    title: 'Mens trimmer',
     price: 54,
     rating: 5,
-    description: "This is trimmer description",
-    mainImage: "product12.webp",
-    slug: "mens-trimmer-demo",
-    manufacturer: "Gillete",
-    category: "trimmers",
+    description: 'This is trimmer description',
+    mainImage: 'product12.webp',
+    slug: 'mens-trimmer-demo',
+    manufacturer: 'Gillete',
+    category: 'trimmers',
     inStock: 0,
   },
   {
-    id: "13",
-    title: "Sony Bluetooth Speaker",
+    id: '13',
+    title: 'Sony Bluetooth Speaker',
     price: 100,
     rating: 5,
-    description: "This is Sony Bluetooth Speaker",
-    mainImage: "sony speaker image 1.jpg",
-    slug: "sony-speaker-bluetooth",
-    manufacturer: "Sony",
-    category: "speakers",
+    description: 'This is Sony Bluetooth Speaker',
+    mainImage: 'sony speaker image 1.jpg',
+    slug: 'sony-speaker-bluetooth',
+    manufacturer: 'Sony',
+    category: 'speakers',
     inStock: 1,
   },
 ];
 
 const demoProductImages = [
   {
-    imageID: "1",
-    productID: "13",
-    image: "sony speaker image 1.jpg",
+    imageID: '1',
+    productID: '13',
+    image: 'sony speaker image 1.jpg',
   },
   {
-    imageID: "2",
-    productID: "13",
-    image: "sony speaker image 2.jpg",
+    imageID: '2',
+    productID: '13',
+    image: 'sony speaker image 2.jpg',
   },
   {
-    imageID: "3",
-    productID: "13",
-    image: "sony speaker image 3.jpg",
+    imageID: '3',
+    productID: '13',
+    image: 'sony speaker image 3.jpg',
   },
   {
-    imageID: "4",
-    productID: "13",
-    image: "sony speaker image 4.jpg",
+    imageID: '4',
+    productID: '13',
+    image: 'sony speaker image 4.jpg',
   },
 ];
 
-
 const demoCategories = [
   {
-    name: "speakers",
+    name: 'speakers',
   },
   {
-    name: "trimmers",
+    name: 'trimmers',
   },
   {
-    name: "laptops",
+    name: 'laptops',
   },
   {
-    name: "watches",
+    name: 'watches',
   },
   {
-    name: "headphones",
+    name: 'headphones',
   },
   {
-    name: "juicers",
+    name: 'juicers',
   },
   {
-    name: "speakers",
+    name: 'speakers',
   },
   {
-    name: "earbuds",
+    name: 'earbuds',
   },
   {
-    name: "tablet-keyboards",
+    name: 'tablet-keyboards',
   },
   {
-    name: "phone-gimbals",
+    name: 'phone-gimbals',
   },
   {
-    name: "mixer-grinders",
+    name: 'mixer-grinders',
   },
   {
-    name: "cameras",
+    name: 'cameras',
   },
   {
-    name: "smart-phones",
+    name: 'smart-phones',
   },
 ];
 
@@ -233,21 +232,21 @@ async function insertDemoData() {
       data: product,
     });
   }
-  console.log("Demo products inserted successfully!");
+  console.log('Demo products inserted successfully!');
 
   for (const image of demoProductImages) {
     await prisma.image.create({
       data: image,
     });
   }
-  console.log("Demo images inserted successfully!");
+  console.log('Demo images inserted successfully!');
 
   for (const category of demoCategories) {
     await prisma.category.create({
       data: category,
     });
   }
-  console.log("Demo categories inserted successfully!");
+  console.log('Demo categories inserted successfully!');
 }
 
 insertDemoData()
diff --git a/utils/schema.ts b/utils/schema.ts
index 14286323..4a2443a8 100644
--- a/utils/schema.ts
+++ b/utils/schema.ts
@@ -1,9 +1,8 @@
-import { z } from "zod";
+import { z } from 'zod';
 
 const schema = z.object({
   name: z.string().min(3),
-  email: z.string().email()
+  email: z.string().email(),
 });
 
-
-export default schema;
\ No newline at end of file
+export default schema;