diff --git a/.github/workflows/website-check.yaml b/.github/workflows/website-check.yaml
index 0303910..3f94144 100644
--- a/.github/workflows/website-check.yaml
+++ b/.github/workflows/website-check.yaml
@@ -20,11 +20,19 @@ jobs:
           node-version: 20.x
           cache: "npm"
 
+      - name: Cache Dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-${{ github.event.pull_request.number }}-
+
       - name: Install Dependencies
         run: npm ci
 
-      - name: Run lint
+      - name: Lint
         run: npm run lint
 
-      - name: Run format check
+      - name: Format
         run: npx prettier --check .
diff --git a/src/app/(site)/_components/faq.tsx b/src/app/(site)/_components/faq.tsx
deleted file mode 100644
index 0360bbe..0000000
--- a/src/app/(site)/_components/faq.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { FAQType } from "@/types/interface";
-import React, { useEffect, useState } from "react";
-import { FaChevronDown } from "react-icons/fa";
-
-interface FAQProps {
-  faqs: FAQType[];
-}
-
-interface FAQDropDownProps {
-  question: string;
-  answer: string;
-}
-
-export const FAQDropDown: React.FC<FAQDropDownProps> = (props) => {
-  const { question, answer } = props;
-  const [opened, setOpen] = useState(false);
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  const toggleOpen = () => {
-    setOpen(!opened);
-  };
-  return (
-    <a
-      className="rounded-box collapse border-2 border-pink_200"
-      onClick={toggleOpen}>
-      <input type="checkbox" className={mounted ? "hidden" : ""} />
-      <div className="collapse-title rounded-box flex w-full items-center justify-between rounded-b-none border-pink_200 bg-[#0C1B3A] bg-opacity-50 p-2 px-4 text-sm text-white transition-all duration-500 ease-in-out hover:bg-purple_hover hover:text-white hover:duration-200 hover:ease-in-out md:p-4 md:text-md lg:text-lg">
-        <p className="text-start text-[1rem] normal-case leading-9 md:text-md lg:text-lg">
-          {question}
-        </p>
-        <div
-          className={`transition-all duration-500 ${
-            opened ? "rotate-180" : ""
-          }`}>
-          <FaChevronDown size={24} />
-        </div>
-      </div>
-      <div
-        className={`collapse-content w-full overflow-hidden border-solid border-pink_200 bg-[#0C1B3A] shadow-lg shadow-pink_200 transition-[max-height] duration-500 ease-in-out ${
-          opened ? "max-h-screen border-t-2" : "max-h-0"
-        }`}>
-        <p className="my-4 text-white md:text-md">{answer}</p>
-      </div>
-    </a>
-  );
-};
-
-const FAQ: React.FC<FAQProps> = (props) => {
-  const { faqs } = props;
-  return (
-    <>
-      <img
-        src="/assets/cat3.svg"
-        className="absolute top-[5.75rem] left-1 z-10 w-28 md:top-6 md:left-2 md:w-64"
-      />
-      <p className="mb-4 mt-14 font-ohm text-xxl font-medium text-[#B479FF] [text-shadow:_0_0_10px_#FFD8FD] md:text-[5rem]">
-        FAQ
-      </p>
-      <div className="flex flex-col items-center">
-        {faqs.map((faq: FAQType) => {
-          return (
-            <div key={faq.id} className="my-4 w-full">
-              <FAQDropDown question={faq.question} answer={faq.answer} />
-            </div>
-          );
-        })}
-      </div>
-      <p className="mt-2 text-center">
-        More questions? Reach out to us at
-        <a href="mailto:fullyhacks@gmail.com" className="font-bold">
-          {" fullyhacks@gmail.com "}
-        </a>
-        and we&apos;ll get back to you ASAP!
-      </p>
-    </>
-  );
-};
-
-export default FAQ;
diff --git a/src/app/(site)/_components/landing-page.tsx b/src/app/(site)/_components/landing-page.tsx
index 5e5321d..0752ce3 100644
--- a/src/app/(site)/_components/landing-page.tsx
+++ b/src/app/(site)/_components/landing-page.tsx
@@ -11,7 +11,7 @@ import CountDown from "./count-down";
 import About from "./about";
 import Sponsors from "./sponsors";
 import Partners from "./partners";
-import FAQ from "./faq";
+import FAQ from "@/components/faq";
 import Team from "./team";
 
 interface LandingPageProps {
diff --git a/src/app/(site)/admin/_components/applications.tsx b/src/app/(site)/admin/_components/applications.tsx
index f0ba48a..2fc59e4 100644
--- a/src/app/(site)/admin/_components/applications.tsx
+++ b/src/app/(site)/admin/_components/applications.tsx
@@ -18,18 +18,18 @@ const Applications: React.FC<ApplicationsProps> = (props) => {
   const handleStatusChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
     setStatusFilter(event.target.value);
   };
-  // Filter out application when choose from the Filter by: dropdown
-  const getFilteredApplication = (
-    applications: ApplicationType[],
-    statusFilter: string
-  ) => {
-    return statusFilter === "all"
-      ? applications.filter((app) => !applicationIdx.includes(app.id))
-      : applications.filter((app) => app.status === statusFilter);
-  };
   const filteredApplications = useMemo(() => {
+    // Filter out application when choose from the Filter by: dropdown
+    const getFilteredApplication = (
+      applications: ApplicationType[],
+      statusFilter: string
+    ) => {
+      return statusFilter === "all"
+        ? applications.filter((app) => !applicationIdx.includes(app.id))
+        : applications.filter((app) => app.status === statusFilter);
+    };
     return getFilteredApplication(applications, statusFilter);
-  }, [applications, statusFilter, getFilteredApplication]);
+  }, [applications, statusFilter, applicationIdx]);
   const applicationsNumber = filteredApplications.length;
   type GroupedData = Record<string, number>;
   const classStat: [] = [];
diff --git a/src/app/(site)/apply/_components/application-form.tsx b/src/app/(site)/apply/_components/application-form.tsx
index cf629eb..77796a6 100644
--- a/src/app/(site)/apply/_components/application-form.tsx
+++ b/src/app/(site)/apply/_components/application-form.tsx
@@ -190,7 +190,7 @@ const ApplicationForm: React.FC<ApplicationProps> = (props) => {
       }
     }
     getGithubLogin();
-  }, []);
+  }, [userId]);
 
   const onSubmit = async () => {
     try {
@@ -474,8 +474,8 @@ const ApplicationForm: React.FC<ApplicationProps> = (props) => {
               February 24th, 2024.{" "}
             </p>
             <p className="font-medium text-white">
-              We will be checking School ID. If you are a minor, you won't be
-              allowed to attend.
+              We will be checking School ID. If you are a minor, you won&apos;t
+              be allowed to attend.
             </p>
           </div>
           <div className="mt-4 flex items-center gap-4">
diff --git a/src/app/(site)/feed/_components/events.tsx b/src/app/(site)/feed/_components/events.tsx
index ee4d295..b6f4212 100644
--- a/src/app/(site)/feed/_components/events.tsx
+++ b/src/app/(site)/feed/_components/events.tsx
@@ -305,7 +305,9 @@ const Events: React.FC = () => {
           </div>
           {filteredEvent.map((event: eventsType) => {
             return (
-              <div className="relative rounded-md bg-purple_card p-4 text-white">
+              <div
+                key={event.id}
+                className="relative rounded-md bg-purple_card p-4 text-white">
                 <div className="flex flex-row items-center justify-between">
                   <p className="text-lg font-bold">{event.name}</p>
                   <p
diff --git a/src/components/faq.tsx b/src/components/faq.tsx
index 0360bbe..48be73f 100644
--- a/src/components/faq.tsx
+++ b/src/components/faq.tsx
@@ -55,6 +55,7 @@ const FAQ: React.FC<FAQProps> = (props) => {
     <>
       <img
         src="/assets/cat3.svg"
+        alt="Cat Icon"
         className="absolute top-[5.75rem] left-1 z-10 w-28 md:top-6 md:left-2 md:w-64"
       />
       <p className="mb-4 mt-14 font-ohm text-xxl font-medium text-[#B479FF] [text-shadow:_0_0_10px_#FFD8FD] md:text-[5rem]">