Fix checkbox UI on edit profile

Author: nalves599

src/app/(authenticated)/profile/edit/EditProfileForm.tsx

@@ -564,7 +564,7 @@ export default function EditProfileForm({
             <input
               id="full-time"
               type="checkbox"
-              className="mr-2"
+              className="mr-2 accent-sinfo-primary"
               {...register("lookingFor.fullTime")}
             />
             <label htmlFor="full-time">Full-time</label>
@@ -573,7 +573,7 @@ export default function EditProfileForm({
             <input
               id="internship"
               type="checkbox"
-              className="mr-2"
+              className="mr-2 accent-sinfo-primary"
               {...register("lookingFor.internship")}
             />
             <label htmlFor="internship">Internship</label>
@@ -582,7 +582,7 @@ export default function EditProfileForm({
             <input
               id="part-time"
               type="checkbox"
-              className="mr-2"
+              className="mr-2 accent-sinfo-primary"
               {...register("lookingFor.partTime")}
             />
             <label htmlFor="part-time">Part-time</label>

src/components/GridCard.tsx

@@ -25,7 +25,7 @@ export default function GridCard({
   return (
     <Link href={link || "#"} {...linkProps}>
       <div className="w-[160px] min-h-[240px] flex flex-col items-center justify-between px-4 py-4 gap-y-2 text-sm bg-white rounded-md shadow-md text-center overflow-hidden hover:bg-slate-50 hover:shadow-sm active:bg-gray-200 active:shadow-none">
-        <span title={title} className="h-12 w-full line-clamp-2">
+        <span title={title} className="h-10 w-full line-clamp-2">
           {title}
         </span>
         <Image