feat: hide patron

src/components/common/PatronButton.tsx

@@ -24,8 +24,12 @@ export const PatronButton: React.FC<{
         className={cn(className, "-mx-2 text-red-400")}
         onClick={() => setOpen(true)}
       >
-        <i className="i-mingcute:heart-fill text-red-400 text-xl -mb-[1px]" />
-        <span className="text-zinc-500 ml-1">{t("Patron")}</span>
+        <span className="inline-flex items-center">
+          <i className="text-red-400 text-xl inline-flex items-center">
+            <i className="i-mingcute:heart-fill inline-block" />
+          </i>
+          <span className="text-zinc-500 ml-1">{t("Patron")}</span>
+        </span>
       </Button>
     </>
   )

src/components/common/Reactions.tsx

@@ -273,7 +273,7 @@ export const Reactions: React.FC<{
           )}
         </div>
         {size !== "sm" && (
-          <div className="xlog-reactions-tip flex items-center">
+          <div className="xlog-reactions-tip flex items-center opacity-0 pointer-events-none">
             <Button
               variant="tip"
               className={`flex items-center mr-2 ${

src/components/site/SiteHeader.tsx

@@ -286,7 +286,7 @@ export const SiteHeader: React.FC<{
                 <span className="xlog-site-follow-count block sm:inline-block whitespace-nowrap">
                   <FollowingCount siteId={site?.username} />
                 </span>
-                <span className="xlog-site-patron">
+                <span className="xlog-site-patron opacity-0 pointer-events-none">
                   <PatronButton site={site} />
                 </span>
               </div>