Added the tickets link to the mobile menu

src/components/MobileMenu.tsx

@@ -6,7 +6,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { Fragment } from "react";
-import { BsShield, BsShieldFill, BsXLg } from "react-icons/bs";
+import { BsXLg } from "react-icons/bs";
 
 interface Props {
   isOpen: boolean;
@@ -159,6 +159,18 @@ export default function MobileMenu({ isOpen, onClose, path, user }: Props) {
                       Settings
                     </Link>
                   )}
+                  {["admin", "developer", "agent"].includes(user.type) && (
+                    <Link
+                      href="/tickets"
+                      className={clsx(
+                        "w-fit transition duration-300 ease-in-out",
+                        path === "/tickets" &&
+                          "text-mti-purple-light border-b-mti-purple-light border-b-2 font-semibold ",
+                      )}
+                    >
+                      Tickets
+                    </Link>
+                  )}
                   <Link
                     href="/profile"
                     className={clsx(