fix AOSSIE-Org#93:Add hover effect on Active Projects button

src/pages/projects.jsx

@@ -37,7 +37,7 @@ export default function Projects() {
           {/* <h1 className="text-4xl font-mono font-extrabold tracking-tighter text-zinc-800 dark:text-zinc-100">
             Active Projects
           </h1> */}
-          <SectionHeading>Active Projects</SectionHeading>
+          <SectionHeading className="dark:hover:bg-yellow-500 dark:hover:text-white hover:bg-green-700 hover:text-white">Active Projects</SectionHeading>
           <p className='text-zinc-600 dark:text-zinc-400 text-lg font-mono leading-7 mt-3'>The following projects are currently actively maintained and mentors are available!</p>
           <ul role="list" className="grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3 mt-12 mb-16">
             {projects.map((project) => (