add nextjs lint

.eslintrc.json

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

components/navbar.tsx

@@ -36,7 +36,7 @@ const Navbar = () => {
       <div className="container flex flex-wrap justify-between items-center mx-auto max-w-7xl">
         <Link href="/">
           <a className="flex items-center gap-2">
-            <Image src="/svg/crystal-logo.svg" width={35} height={35} />
+            <Image src="/svg/crystal-logo.svg" width={35} height={35} alt="" />
             <span className="self-center text-xl font-semibold whitespace-nowrap dark:text-white">
               Crystal Linux
             </span>

pages/index.tsx

@@ -36,6 +36,7 @@ const Home: NextPage = () => {
           <a
             href={entry.link}
             target="_blank"
+            rel="noreferrer"
             className="hover:text-purple-700"
             key={entry.link}
           >
@@ -48,7 +49,7 @@ const Home: NextPage = () => {
         <div>
           <h2>Why Crystal?</h2>
           <p>
-            What's so different about Crystal compared to other distributions?
+            What{"'"}s so different about Crystal compared to other distributions?
           </p>
           <ul className="list-disc list-inside text-left flex flex-col gap-4 text-xl">
             <li>Easy to use package manager</li>