fix(project): cleanup and aesthetics

Author: orama254

components/Navbar.js

@@ -20,7 +20,7 @@ const Navbar = () => {
               </Link>
               <Link href={"/#members"}>
                 <a>
-                  <li>Memberss</li>
+                  <li>Members</li>
                 </a>
               </Link>
               <Link href={"/#events"}>
@@ -46,7 +46,7 @@ const Navbar = () => {
             </ul>
           </div>
           <div>
-            <button class="flex mx-auto bg-gray-300 border-0 py-[10px] px-[33px] focus:outline-none hover:bg-gray-600 hover:text-white rounded text-lg">
+            <button className="flex mx-auto bg-gray-300 border-0 py-[10px] px-[33px] focus:outline-none hover:bg-gray-600 hover:text-white rounded text-lg">
               Join Community
             </button>
           </div>

pages/_document.js

@@ -61,7 +61,7 @@ class MyDocument extends Document {
           />
           <link rel="icon" href="/favicon.ico" />
           <link rel="preconnect" href="https://fonts.googleapis.com" />
-          <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin />
           <link
             href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800;900&display=swap"
             rel="stylesheet"