add hover effects with cursor pointer (#1348)

Author: AQIB-NAWAB

pages/tools/components/ui/Checkbox.tsx

@@ -22,7 +22,7 @@ export default function Checkbox({
   };
 
   return (
-    <label className='flex items-center gap-3 px-4 py-2'>
+    <label className='flex items-center gap-3 px-4 py-2 cursor-pointer'>
       <input
         type='checkbox'
         value={value}

pages/tools/components/ui/DropdownMenu.tsx

@@ -28,7 +28,7 @@ export default function DropdownMenu({
   return (
     <div className='my-2 bg-slate-200 dark:bg-slate-900 p-2 rounded'>
       <div
-        className='w-full flex justify-between items-center align-middle'
+        className='w-full flex justify-between items-center align-middle cursor-pointer'
         onClick={() => {
           setIsDropdownOpen((prev) => !prev);
         }}