Added a list for codes, for users to delete unused ones

src/pages/(admin)/Lists/index.tsx

@@ -1,6 +1,7 @@
 import {User} from "@/interfaces/user";
 import {Tab} from "@headlessui/react";
 import clsx from "clsx";
+import CodeList from "./CodeList";
 import ExamList from "./ExamList";
 import GroupList from "./GroupList";
 import PackageList from "./PackageList";
@@ -45,6 +46,19 @@ export default function Lists({user}: {user: User}) {
 					}>
 					Group List
 				</Tab>
+				{user && ["developer", "admin", "corporate"].includes(user.type) && (
+					<Tab
+						className={({selected}) =>
+							clsx(
+								"w-full rounded-lg py-2.5 text-sm font-medium leading-5 text-mti-purple-light",
+								"ring-white ring-opacity-60 ring-offset-2 ring-offset-mti-purple-light focus:outline-none focus:ring-2",
+								"transition duration-300 ease-in-out",
+								selected ? "bg-white shadow" : "text-blue-100 hover:bg-white/[0.12] hover:text-mti-purple-dark",
+							)
+						}>
+						Code List
+					</Tab>
+				)}
 				{user && ["developer", "admin"].includes(user.type) && (
 					<Tab
 						className={({selected}) =>
@@ -71,6 +85,11 @@ export default function Lists({user}: {user: User}) {
 				<Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
 					<GroupList user={user} />
 				</Tab.Panel>
+				{user && ["developer", "admin", "corporate"].includes(user.type) && (
+					<Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
+						<CodeList user={user} />
+					</Tab.Panel>
+				)}
 				{user && ["developer", "admin"].includes(user.type) && (
 					<Tab.Panel className="overflow-y-scroll max-h-[600px] rounded-xl scrollbar-hide">
 						<PackageList user={user} />