show gallery favorites if creator but as a disabled button

src/components/FavoriteButton.tsx

···
 import { Record as Favorite } from "$lexicon/types/social/grain/favorite.ts";
+import { AtUri } from "@atproto/syntax";
 import { WithBffMeta } from "@bigmoves/bff";
 import { Button, cn } from "@bigmoves/bff/components";
 
···
   favs: WithBffMeta<Favorite>[];
   galleryUri: string;
 }>) {
+  const isCreator = currentUserDid === new AtUri(galleryUri).hostname;
   const favUri = favs.find((s) => currentUserDid === s.did)?.uri;
   return (
     <Button
       variant="primary"
-      class="self-start w-full sm:w-fit whitespace-nowrap"
+      class={cn(
+        "self-start w-full sm:w-fit whitespace-nowrap",
+        isCreator &&
+          "bg-zinc-100 dark:bg-zinc-800 border-zinc-100 dark:border-zinc-800 text-zinc-950 dark:text-zinc-50",
+      )}
       type="button"
       hx-post={`/actions/favorite?galleryUri=${galleryUri}${
         favUri ? "&favUri=" + favUri : ""
       }`}
       hx-target="this"
       hx-swap="outerHTML"
+      disabled={isCreator}
     >
-      <i class={cn("fa-heart", favUri ? "fa-solid" : "fa-regular")}></i>{" "}
+      <i
+        class={cn("fa-heart", favUri || isCreator ? "fa-solid" : "fa-regular")}
+      >
+      </i>{" "}
       {favs.length}
     </Button>
   );

src/components/GalleryPage.tsx

···
                 Sort order
               </Button>
               <ShareGalleryButton gallery={gallery} />
+              <FavoriteButton
+                currentUserDid={currentUserDid}
+                favs={favs}
+                galleryUri={gallery.uri}
+              />
             </div>
           )
           : null}

static/styles.css

···
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
-    --container-xs: 20rem;
     --container-md: 28rem;
     --container-xl: 36rem;
     --container-5xl: 64rem;