chore: add eslint in next.js website

Author: avneesh0612

web/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

web/components/Navbar.tsx

@@ -7,7 +7,7 @@ export default function Navbar() {
   return (
     <div className="absolute top-0 z-20 flex h-20 w-full items-center justify-between p-7 xl:p-0">
       <div className="flex items-center">
-        <Link href="/">
+        <Link passHref href="/">
           <Logo className="h-10 w-10" />
         </Link>
         <span className="ml-5 text-lg font-medium">
@@ -18,6 +18,7 @@ export default function Navbar() {
         href="https://github.com/avneesh0612/react-nextjs-snippets"
         target="_blank"
         className="cursor-pointer"
+        rel="noreferrer"
       >
         <GitHubIcon className="h-6 w-6" />
       </a>

web/package.json

@@ -3,7 +3,8 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
     "next": "^12.1.0",
@@ -15,6 +16,8 @@
     "@types/node": "17.0.18",
     "@types/react": "17.0.39",
     "autoprefixer": "^10.4.2",
+    "eslint": "8.9.0",
+    "eslint-config-next": "12.1.0",
     "postcss": "^8.4.6",
     "prettier": "^2.5.1",
     "prettier-plugin-tailwindcss": "^0.1.7",