[frontend] Fix eslint issues

frontend/src/components/custom/AIChat.jsx

@@ -1,5 +1,4 @@
 import { ScrollArea } from "@radix-ui/react-scroll-area";
-import React from "react";
 import Markdown from "react-markdown";
 import { Textarea } from "../ui/textarea";
 import { Button } from "../ui/button";

frontend/src/components/custom/EditorialEditor.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Textarea } from "../ui/textarea";
 import ReactQuill from "react-quill";
 import "react-quill/dist/quill.snow.css";

frontend/src/pages/Code.jsx

@@ -752,7 +752,7 @@ function Code() {
                                                         Code Output
                                                     </p>
                                                     {output.map((o, i) => (
-                                                        <div>
+                                                        <div key={i}>
                                                             <p className="mt-3 text-lg">
                                                                 Test Case{" "}
                                                                 {i + 1}

frontend/src/pages/ForgotPassword.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button } from "@/components/ui/button.jsx";
 import {
     Card,

frontend/src/pages/Layout.jsx

@@ -1,5 +1,4 @@
 import NavBar from "@/components/custom/NavBar.jsx";
-import React from "react";
 import { Outlet } from "react-router-dom";
 import { Toaster } from "@/components/ui/toaster.jsx";
 import { ScrollArea } from "@/components/ui/scroll-area";

frontend/src/pages/Leaderboard.jsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import {
     Table,
     TableBody,

frontend/src/pages/Login.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useContext } from "react";
+import { useState, useContext } from "react";
 import { Button } from "@/components/ui/button.jsx";
 import {
     Card,

frontend/src/pages/NoPageFound.jsx

@@ -1,5 +1,4 @@
 import { CircleX } from "lucide-react";
-import React from "react";
 
 function NoPageFound() {
     return (

frontend/src/pages/Problems.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import {
     Table,
     TableBody,

frontend/src/pages/Register.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button } from "@/components/ui/button.jsx";
 import {
     Card,

frontend/src/pages/ResetPassword.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Button } from "@/components/ui/button.jsx";
 import {
     Card,

frontend/src/pages/UserData.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useLoaderData } from "react-router-dom";
 import { Code2, FileText, Zap, Send } from "lucide-react";
 import {

frontend/src/pages/VerifyOtp.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button.jsx";
 import {
     Card,