<FIX>h1 and hover effect on buttons fixed (#221)

## Description

1. h1 line height and font size fixed on homepage
2. Background color on hover on buttons in projects page added.

## Fixes Issue 
 closes #212  
closes #213

src/pages/HomePage.jsx

@@ -9,7 +9,7 @@ const HomePage = () => {
         <div className="pt-16 pb-80 sm:pt-24 sm:pb-40 lg:pt-40 lg:pb-48">
           <div className="relative mx-auto max-w-7xl px-4 sm:static sm:px-6 lg:px-8">
             <div className="sm:max-w-lg">
-              <h1 className="font text-4xl font-bold  text-white sm:text-6xl">Show your project to the world</h1>
+                <h1 className="font text-4xl font-bold  text-white sm:text-6xl md:text-5xl md:leading-[3rem] lg:text-6xl lg:leading-[5rem]">Show your project to the world</h1>
               <p className="mt-4 text-xl text-gray-400">
                 ProjectsHut is an innovative platform that allows users to publish their projects for free.
               </p>

src/pages/ProjectsPage.jsx

@@ -45,21 +45,21 @@ const ProjectsPage = () => {
         ))}
       </section>
       <div className=" py-5 flex gap-2 flex-wrap justify-center text-black ">
-        <button type="button" className="bg-white px-3 py-1 rounded-md " onClick={prevPage}>
+        <button type="button" className="bg-white px-3 py-1 hover:bg-slate-200 rounded-md " onClick={prevPage}>
           Prev
         </button>
         {paginatedArr.map((ele, ind) => {
           return (
             <button
               type="button"
-              className={`bg-white px-3 py-1  rounded-md ${page === ind ? "text-primary" : null}`}
+              className={`bg-white px-3 py-1 hover:bg-slate-200 rounded-md ${page === ind ? "text-primary" : null}`}
               onClick={() => setPage(ind)}
             >
               {ind + 1}
             </button>
           )
         })}
-        <button type="button" className="bg-white px-3 py-1 rounded-md " onClick={nextPage}>
+        <button type="button" className="bg-white px-3 py-1 rounded-md hover:bg-slate-200" onClick={nextPage}>
           Next
         </button>
       </div>