fix: update JSX attributes to avoid warnings

Author: tejasbenibagde

src/assets/img/resources_icons/web3.svg

@@ -67,7 +67,7 @@ function Hero() {
                 loop
               />
             </div>
-            <div class="sm:space-x-4 space-x-0 flex flex-col items-center sm:flex-row sm:justify-center">
+            <div className="sm:space-x-4 space-x-0 flex flex-col items-center sm:flex-row sm:justify-center">
                 <a
                   href="https://dub.sh/fosscu-discord"
                   target="_blank"

src/components/Hero.jsx

@@ -86,7 +86,7 @@ const Navbar = () => {
             <Link to="/shipyard">Shipyard</Link>
           </li>
 
-          <div class="relative group xl:mr-0 mr-8">
+          <div className="relative group xl:mr-0 mr-8">
             <button className=" px-4 pt-4 pb-0 hover:text-[#0DFF1C] flex items-center  text-white ">
               <span className="mr-1">
                 {" "}
@@ -95,24 +95,24 @@ const Navbar = () => {
                   width="16"
                   height="16"
                   fill="currentColor"
-                  class="bi bi-chevron-down"
+                  className="bi bi-chevron-down"
                   viewBox="0 0 16 16"
                 >
                   <path
-                    fill-rule="evenodd"
+                    fillRule="evenodd"
                     d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
                   />
                 </svg>
               </span>
               <span>More</span>
             </button>
-            <div class="translate-x-[-0em] hidden absolute bg-black text-white rounded mt-1 w-36 group-hover:block hover:rounded-md ">
-              <a href="/resource" class="block px-4 py-2 hover:text-[#0dff1c]">
+            <div className="translate-x-[-0em] hidden absolute bg-black text-white rounded mt-1 w-36 group-hover:block hover:rounded-md ">
+              <a href="/resource" className="block px-4 py-2 hover:text-[#0dff1c]">
                 Resources
               </a>
               <a
                 href="https://docs.fosscu.org"
-                class="block px-4 py-2 hover:text-[#0dff1c]"
+                className="block px-4 py-2 hover:text-[#0dff1c]"
                 target="blank"
               >
                 Handbook
@@ -121,14 +121,14 @@ const Navbar = () => {
                 href="https://lu.ma/fosscu"
                 rel="noreferrer"
                 target="blank"
-                class="block px-4 py-2 hover:text-[#0dff1c]"
+                className="block px-4 py-2 hover:text-[#0dff1c]"
               >
                 Calendar
               </a>
               <a
                 href="https://github.com/FOSS-Community/"
                 target="blank"
-                class="block px-4 py-2 hover:text-[#0dff1c]"
+                className="block px-4 py-2 hover:text-[#0dff1c]"
               >
                 Contribute
               </a>

src/components/Navbar.jsx

@@ -20,7 +20,7 @@ const Roadmaps = (props) => {
                                 Learn more
                                 <svg className="ml-1 w-6 h-6" fill="currentColor" viewBox="0 0 20 20"
                                     xmlns="http://www.w3.org/2000/svg">
-                                    <path fill-rule="evenodd"
+                                    <path fillRule="evenodd"
                                         d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
                                         clip-rule="evenodd"></path>
                                 </svg>