fav button click through link fix

packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.scss

@@ -9,7 +9,7 @@
   border: none;
   padding: 0;
   font: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   cursor: pointer;
   outline: inherit;
   font-size: 16px;

packages/fakeyou.com/src/components/common/BookmarkButton/BookmarkButton.tsx

@@ -29,7 +29,9 @@ export default function BookmarkButton({
   const [isToggled, setIsToggled] = useState(initialToggled);
   const [isLoading, setIsLoading] = useState(false);
 
-  const handleClick = async () => {
+  const handleClick = async (event: React.MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
     setIsLoading(true);
     onToggle(entityToken, entityType).then((isToggled: boolean) => {
       setIsToggled(isToggled);
@@ -52,7 +54,7 @@ export default function BookmarkButton({
   // let favoriteCountShort = useShortenNumber(favoriteCount || 0);
 
   return (
-    <div className="d-flex gap-2" onClick={handleClick}>
+    <div className="d-flex gap-2">
       <Tippy
         theme="fakeyou"
         content={toolTip}
@@ -63,7 +65,7 @@ export default function BookmarkButton({
         placement="bottom"
       >
         <button
-          // onClick={handleClick} // unnecessary, parent has onClick, runs twice
+          onClick={handleClick}
           disabled={isLoading}
           className={`${buttonClass} ${buttonShadow} ${large ? "large" : ""}`}
         >

packages/fakeyou.com/src/components/common/LikeButton/LikeButton.scss

@@ -9,7 +9,7 @@
   border: none;
   padding: 0;
   font: inherit;
-  font-size: 14px;
+  font-size: 14px !important;
   cursor: pointer;
   outline: inherit;
   font-size: 16px;

packages/fakeyou.com/src/components/common/LikeButton/LikeButton.tsx

@@ -29,7 +29,7 @@ export default function LikeButton({
   const [isToggled, setIsToggled] = useState(initialToggled);
   const [isLoading, setIsLoading] = useState(false);
 
-  const handleClick = async (event: any) => {
+  const handleClick = async (event: React.MouseEvent) => {
     event.preventDefault();
     event.stopPropagation();
     setIsLoading(true);
@@ -54,7 +54,7 @@ export default function LikeButton({
   let likeCountShort = useShortenNumber(likeCount);
 
   return (
-    <div className="d-flex gap-2" onClick={handleClick}>
+    <div className="d-flex gap-2">
       <Tippy
         theme="fakeyou"
         content={toolTip}
@@ -65,7 +65,7 @@ export default function LikeButton({
         placement="bottom"
       >
         <button
-          // onClick={handleClick} // unnecessary, parent has onClick, runs twice
+          onClick={handleClick}
           disabled={isLoading}
           className={`${buttonClass} ${buttonShadow} ${large ? "large" : ""}`}
         >