refactor/warning-alert

README.md

@@ -308,4 +308,4 @@ All commits and PR titles must follow [Conventional Commits](https://www.convent
 
 ## Acknowledgments
 
-Built with NestJS, PostgreSQL, Prisma, OpenAI, and the support of the education technology community.
+Built with NestJS, Prisma, PostgreSQL, OpenAI, and the support of the education technology community.

apps/web/components/WarningAlert.tsx

@@ -1,5 +1,5 @@
 import { ExclamationTriangleIcon } from "@heroicons/react/24/solid";
-import { type ReactNode } from "react";
+import { type FC, type ReactNode } from "react";
 import { createPortal } from "react-dom";
 
 interface ModalProps {
@@ -12,22 +12,23 @@ interface ModalProps {
   children?: ReactNode;
 }
 
-const WarningAlert: React.FC<ModalProps> = ({
+const WarningAlert: FC<ModalProps> = ({
   isOpen,
   onClose,
   onConfirm,
   description,
   confirmText = "Proceed",
   cancelText = "Cancel",
   children,
-}: ModalProps) => {
+}) => {
   if (!isOpen) return null;
 
   return createPortal(
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
       <div className="bg-white rounded-xl shadow-lg max-w-md w-full p-6 relative animate-fadeIn">
         <button
           onClick={onClose}
+          aria-label="Close warning dialog"
           className="absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors"
         >
           ✕