Fix:Replaced 'class' with 'className' in many files

Frontend/src/pages/Home/Footer.jsx

@@ -7,7 +7,10 @@ const Footer = () => {
         <div className="mx-auto w-full max-w-screen-xl p-4 py-6 lg:py-8">
           <div className="md:flex md:justify-between">
             <div className="mb-6 md:mb-0">
-              <a href="https://flowbite.com/" class="flex items-center gap-2">
+              <a
+                href="https://flowbite.com/"
+                className="flex items-center gap-2"
+              >
                 <img
                   src="/images/logo.png"
                   className="h-9 rounded-full"
@@ -25,12 +28,15 @@ const Footer = () => {
                 </h2>
                 <ul className="text-gray-500 dark:text-gray-400 font-medium">
                   <li className="mb-4">
-                    <a href="https://flowbite.com/" class="hover:underline">
+                    <a href="https://flowbite.com/" className="hover:underline">
                       Flowbite
                     </a>
                   </li>
                   <li>
-                    <a href="https://tailwindcss.com/" class="hover:underline">
+                    <a
+                      href="https://tailwindcss.com/"
+                      className="hover:underline"
+                    >
                       Tailwind CSS
                     </a>
                   </li>
@@ -82,7 +88,7 @@ const Footer = () => {
           <div className="sm:flex sm:items-center sm:justify-between">
             <span className="text-sm text-gray-500 sm:text-center dark:text-gray-400">
               © 2024{" "}
-              <a href="https://flowbite.com/" class="hover:underline">
+              <a href="https://flowbite.com/" className="hover:underline">
                 MentorFlux™
               </a>
               . All Rights Reserved.