swapped some gray colors with neutral

components/LinkCard.tsx

@@ -185,9 +185,7 @@ export default function LinkCard({ link, count, className }: Props) {
           <div className="flex justify-between gap-5 w-full h-full z-0">
             <div className="flex flex-col justify-between w-full">
               <div className="flex items-baseline gap-1">
-                <p className="text-sm text-gray-500 dark:text-gray-300">
-                  {count + 1}
-                </p>
+                <p className="text-sm text-neutral">{count + 1}</p>
                 <p className="text-lg truncate capitalize w-full pr-8">
                   {unescapeString(link.name || link.description)}
                 </p>
@@ -233,12 +231,12 @@ export default function LinkCard({ link, count, className }: Props) {
                 onClick={(e) => {
                   e.stopPropagation();
                 }}
-                className="flex items-center gap-1 max-w-full w-fit text-gray-500 dark:text-gray-300 hover:opacity-70 duration-100"
+                className="flex items-center gap-1 max-w-full w-fit text-neutral hover:opacity-70 duration-100"
               >
                 <FontAwesomeIcon icon={faLink} className="mt-1 w-4 h-4" />
                 <p className="truncate w-full">{shortendURL}</p>
               </Link>
-              <div className="flex items-center gap-1 text-gray-500 dark:text-gray-300">
+              <div className="flex items-center gap-1 text-neutral">
                 <FontAwesomeIcon icon={faCalendarDays} className="w-4 h-4" />
                 <p>{formattedDate}</p>
               </div>