Add cursor-pointer to interactive elements for consistent pointer behavior

Author: vLuckyyy

components/CookieConsentModal.tsx

@@ -39,7 +39,7 @@ export function CookieConsentModal() {
             <button
               type="button"
               onClick={() => setIsOpen(false)}
-              className="ml-4 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300"
+              className="cursor-pointer ml-4 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300"
             >
               <X className="h-5 w-5" />
             </button>
@@ -152,14 +152,14 @@ export function CookieConsentModal() {
                 acceptAll();
                 setIsOpen(false);
               }}
-              className="inline-flex w-full items-center justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"
+              className="cursor-pointer inline-flex w-full items-center justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"
             >
               Accept All
             </button>
             <button
               type="button"
               onClick={() => setIsOpen(false)}
-              className="inline-flex w-full items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
+              className="cursor-pointer inline-flex w-full items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
             >
               Save Preferences
             </button>

components/CookiePreferencesMenu.tsx

@@ -18,7 +18,7 @@ export function CookiePreferencesMenu() {
         animate={{ opacity: 1, scale: 1 }}
         transition={{ duration: 0.3, ease: "easeOut" }}
         onClick={() => setIsOpen((v) => !v)}
-        className="fixed bottom-6 right-6 z-50 rounded-full bg-blue-600 p-3 text-white shadow-xl hover:bg-blue-700"
+        className="fixed cursor-pointer bottom-6 right-6 z-50 rounded-full bg-blue-600 p-3 text-white shadow-xl hover:bg-blue-700"
         aria-label="Cookie Preferences"
         style={{ boxShadow: "0 4px 24px 0 rgba(0,0,0,0.18)" }}
       >
@@ -42,7 +42,7 @@ export function CookiePreferencesMenu() {
                 <button
                   type="button"
                   onClick={() => setIsOpen(false)}
-                  className="text-gray-400 hover:text-gray-500 dark:hover:text-gray-300"
+                  className="text-gray-400 cursor-pointer hover:text-gray-500 dark:hover:text-gray-300"
                   aria-label="Close cookie preferences"
                 >
                   <X className="h-5 w-5" />
@@ -126,14 +126,14 @@ export function CookiePreferencesMenu() {
                     acceptAll();
                     setIsOpen(false);
                   }}
-                  className="inline-flex flex-1 items-center justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"
+                  className="cursor-pointer inline-flex flex-1 items-center justify-center rounded-md border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"
                 >
                   Accept All
                 </button>
                 <button
                   type="button"
                   onClick={() => setIsOpen(false)}
-                  className="inline-flex flex-1 items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
+                  className="cursor-pointer inline-flex flex-1 items-center justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
                 >
                   Save
                 </button>

components/hero/ToolsDropdown.tsx

@@ -46,7 +46,7 @@ export function ToolsDropdown() {
     <div className="relative flex justify-center">
       <button
         ref={buttonRef}
-        className={`flex items-center gap-1 rounded-full px-4 py-1.5 text-gray-900 transition-colors duration-200 hover:bg-gray-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-500 dark:text-white dark:hover:bg-gray-800`}
+        className={`cursor-pointer flex items-center gap-1 rounded-full px-4 py-1.5 text-gray-900 transition-colors duration-200 hover:bg-gray-100 focus:outline-hidden focus-visible:ring-2 focus-visible:ring-blue-500 dark:text-white dark:hover:bg-gray-800`}
         aria-haspopup="menu"
         aria-expanded={open}
         aria-controls="tools-dropdown-menu"

components/home/faq/Faq.tsx

@@ -71,7 +71,7 @@ export default function Faq() {
             >
               <motion.button
                 onClick={() => toggleFaq(faqItems.indexOf(item))}
-                className="flex w-full items-center justify-between bg-light-gray-200 px-6 py-4 text-left text-lg font-medium text-gray-800 transition-colors duration-300 hover:bg-light-gray-300 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700"
+                className="cursor-pointer flex w-full items-center justify-between bg-light-gray-200 px-6 py-4 text-left text-lg font-medium text-gray-800 transition-colors duration-300 hover:bg-light-gray-300 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700"
                 aria-expanded={activeIndex === faqItems.indexOf(item)}
                 aria-controls={`faq-panel-${faqItems.indexOf(item)}`}
                 id={`faq-question-${faqItems.indexOf(item)}`}

components/ui/button.tsx

@@ -41,7 +41,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     ref
   ) => {
     const baseStyles =
-      "inline-flex items-center justify-center font-medium transition-colors focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none";
+      "cursor-pointer inline-flex items-center justify-center font-medium transition-colors focus:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none";
 
     const variants: Record<ButtonVariant, string> = {
       primary: "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",