fix: footer unclickable and misaligned

components/Footer/index.tsx

@@ -137,7 +137,7 @@ export default function Footer(props: IFooterProps) {
             </Link>
           </div>
           <div className="flex justify-center lg:justify-end">
-            <div className="mt-10 text-white sm:w-1/2 lg:mt-0">
+            <div className="mt-10 text-white lg:mt-0">
               <Social />
             </div>
           </div>

components/SpotlightShape/index.tsx

@@ -1,6 +1,6 @@
 export default function SpotlightShape() {
   return (
-    <div className="absolute -top-[5vh] h-screen w-screen opacity-90 blur-md">
+    <div className="pointer-events-none absolute -top-[5vh] h-screen w-screen opacity-90 blur-md">
       {/* Desktop spotlight effect */}
       <div
         className="hidden h-full w-full bg-gradient-to-b from-[#330bff] to-transparent lg:block"

layout/ResetPassword/components/ResetPasswordForm/index.tsx

@@ -97,7 +97,7 @@ export default function ResetPasswordForm() {
               <Button
                 type="button"
                 title="BACK TO LOGIN"
-                className="border-quinary bg-quinary text-secondary p-4"
+                className="border-quinary bg-quinary p-4 text-secondary"
               />
             </Link>
           </div>