fix: Fixed ESLint issues and reduced redundancy

Website/app/Demo.js

@@ -1,4 +1,5 @@
 "use client";
+
 import { Tab } from "@headlessui/react"
 
 function classNames(...classes) {

Website/app/Header.js

@@ -1,8 +1,10 @@
 "use client";
+
 import Image from "next/image";
 import { useState } from "react";
 import Link from "next/link";
 import { useCallback, useEffect } from "react";
+
 function NavLink({ to, children, cn }) {
   return (
     <Link
@@ -90,7 +92,7 @@ export default function Header({ props }) {
     //add event listener to window
     window.addEventListener("scroll", onScroll, { passive: true });
     // remove event on unmounting to prevent Linkmemory leak with the cleanup
-  }, []);
+  }, [onScroll]);
 
   return (
     <header

Website/app/Releases.js

@@ -1,4 +1,5 @@
 "use client";
+
 import { useEffect, useMemo, useState } from "react";
 import { remark } from "remark";
 import html from "remark-html";

Website/app/about/page.js

@@ -5,14 +5,7 @@ import Image from "next/image"
 
 export const metadata = {
     title: "About",
-    description: 'About Saptarshi Sarkar, the developer of Drifty',
-    themeColor: [      
-      { media: '(prefers-color-scheme: dark)', color: 'Medium Blue' },
-    ],
-    viewport: {
-      width: 'device-width',
-      initialScale: 1,
-    },
+    description: 'About Saptarshi Sarkar, the developer of Drifty'
 }
 
 export default function about(){
@@ -37,9 +30,9 @@ export default function about(){
                 <div className="mt-5 mx-5 border-t-2 border-black">
                     <h1 className="text-center font-bold text-4xl py-5">My Stats</h1>
                     <div className="grid w-auto h-auto lg:grid-cols-3  lg:-space-x-25 justify-items-center items-center gap-2 py-5 pb-20 md:grid-cols-1">
-                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/b85c78154ddce8eeafc3c3cfbc099af01cf7fb6b84c8bf1bc7e79c29d5323d40/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170693f757365726e616d653d7361707461727368697361726b617231322673686f775f69636f6e733d74727565267468656d653d746f6b796f6e696768742673686f773d72657669657773" alt=""/>
-                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/d9e7d29cb70a8d3044f58042b4595764d4f4d00fb0a386700bd9d71c14baa5c9/68747470733a2f2f6769746875622d726561646d652d61637469766974792d67726170682e76657263656c2e6170702f67726170683f757365726e616d653d5361707461727368695361726b617231322662675f636f6c6f723d30663264336426636f6c6f723d316361646662266c696e653d31636164666226706f696e743d31636164666226617265613d7472756526686964655f626f726465723d74727565" alt="GitHub Contribution graph of Saptarshi Sarkar" />
-                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/d3db268ce53079d1d54d77e08e530839458b6d7600ee25c899f9037f617add1a/68747470733a2f2f6769746875622d726561646d652d73747265616b2d73746174732e6865726f6b756170702e636f6d2f3f757365723d7361707461727368697361726b61723132267468656d653d746f6b796f6e69676874" alt="" />
+                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/bfb749217193aa06c1ba75f130ad01c6d67a0c596c604b1bea8dd9509cabf097/68747470733a2f2f6769746875622d726561646d652d73746174732e76657263656c2e6170702f6170693f757365726e616d653d7361707461727368697361726b617231322673686f775f69636f6e733d74727565267468656d653d746f6b796f6e696768742673686f773d72657669657773" alt=""/>
+                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/a1774c77529d275b27f41ee35b03f0e99ae219328594fa8b9c54efa78851de96/68747470733a2f2f6769746875622d726561646d652d61637469766974792d67726170682e76657263656c2e6170702f67726170683f757365726e616d653d5361707461727368695361726b617231322662675f636f6c6f723d30663264336426636f6c6f723d316361646662266c696e653d31636164666226706f696e743d31636164666226617265613d7472756526686964655f626f726465723d74727565" alt="GitHub Contribution graph of Saptarshi Sarkar" />
+                        <Image width="0" height="0" style={{ width: '100%', height: 'auto' }} src="https://camo.githubusercontent.com/1825f31f8281e10d9490f2df42bfd4d3ba9bb6923bbf11bee69e38c4b0e14bfb/68747470733a2f2f6769746875622d726561646d652d73747265616b2d73746174732e6865726f6b756170702e636f6d2f3f757365723d7361707461727368697361726b61723132267468656d653d746f6b796f6e69676874" alt="" />
                    </div>
                 </div>
             </div>

Website/app/contact/page.js

@@ -4,11 +4,6 @@ import Header from "../Header";
 export const metadata = {
   title: "Contact Us",
   description: "Contact the Drifty team for feedback or issues",
-  themeColor: [{ media: "(prefers-color-scheme: dark)", color: "Medium Blue" }],
-  viewport: {
-    width: "device-width",
-    initialScale: 1,
-  },
 };
 
 export default function contact() {

Website/app/download/page.js

@@ -4,15 +4,7 @@ import Footer from "../Footer";
 
 export const metadata = {
   title: "Download",
-  description: "Download Drifty",
-  themeColor: [
-    { media: "(prefers-color-scheme: dark)", color: "#0000cd" },
-    { media: "(prefers-color-scheme: light)", color: "#26a3f1" },
-  ],
-  viewport: {
-    width: "device-width",
-    initialScale: 1,
-  },
+  description: "Download Drifty"
 };
 
 export default async function download() {

Website/app/layout.js

@@ -15,7 +15,10 @@ export const metadata = {
 export const viewport = {
     width: "device-width",
     initialScale: 1,
-    themeColor: [{ media: "(prefers-color-scheme: dark)", color: "Medium Blue" }],
+    themeColor: [
+        { media: "(prefers-color-scheme: dark)", color: "#0000cd" },
+        { media: "(prefers-color-scheme: light)", color: "#26a3f1" },
+    ],
 }
 
 export default function RootLayout({ children }) {