Fixed ESLint Issues

.eslintrc.json

@@ -1,5 +1,10 @@
 {
-  "extends": ["eslint:recommended", "prettier", "prettier/react"],
+  "extends": [
+    "eslint:recommended",
+    "prettier",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime"
+  ],
   "plugins": [],
   "parserOptions": {
     "ecmaVersion": 2018,
@@ -13,5 +18,8 @@
     "es6": true,
     "browser": true,
     "node": true
+  },
+  "rules": {
+    "react/prop-types": "off"
   }
-}
+}

package.json

@@ -25,6 +25,7 @@
     "eslint": "^8.56.0",
     "eslint-config-next": "14.0.3",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.33.2",
     "typescript": "^5.3.3"
   }
 }

src/app/chapters/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 export default function ChaptersPage() {
   return <div>{/* add components here! */}</div>;

src/app/forstudents/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 export default function ForStudentsPage() {
   return <div>{/* add components here! */}</div>;

src/app/layout.js → src/app/layout.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 import { Inter } from "next/font/google";
 import "@mantine/core/styles.css";
 import { MantineProvider, AppShell } from "@mantine/core";

src/app/page.tsx

@@ -1,6 +1,4 @@
 "use client";
-import React from "react";
-import _ from "@/config/firebase";
 import { ChaptersCard } from "@/chapters-card/ChaptersCard";
 
 export default function Home() {

src/app/projects/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 export default function ProjectsPage() {
   return <div>{/* add components here! */}</div>;

src/app/team/page.tsx

@@ -1,5 +1,4 @@
 "use client";
-import React from "react";
 
 export default function TeamPage() {
   return <div>{/* add components here! */}</div>;

src/chapters-card/ChaptersCard.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Card, Anchor } from "@mantine/core";
 import "../chapters-card/ChaptersCard.css";
 

src/components/Navbar/Navbar.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Image from "next/image";
 import { Button } from "@mantine/core";
 import "@/components/Navbar/Navbar.css";
@@ -15,6 +14,7 @@ const items = links.map((link) => (
     variant="transparent"
     component="a"
     href={link.link}
+    key={link.link}
     color="white"
     classNames={{ label: "nav-link" }}
   >