Make RID on repo cards copyable — radicle-explorer

As requested by @daniel on zulip. The visual check failure is expected.

   export let style: "oid" | "commit" | "none" = "oid";
   export let ariaLabel: string | undefined = undefined;
   export let styleWidth: string | undefined = undefined;
   export let title: string | undefined = undefined;
   let icon: ComponentProps<Icon>["name"] = "clipboard";
   const text = "Click to copy";

   }
 </style>
 <div class="container" style:width={styleWidth}>
 <div class="container" style:width={styleWidth} {title}>
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     style:display="flex"
     on:mouseenter={() => {
       setVisible(true);
     }}

     class="target-{style} global-{style}"
     style:cursor="copy"
     aria-label={ariaLabel}
     on:click={async () => {
     on:click|preventDefault|stopPropagation={async () => {
       await copy();
       setVisible(true);
     }}

   import ActivityDiagram from "@app/components/ActivityDiagram.svelte";
   import Badge from "@app/components/Badge.svelte";
   import Icon from "@app/components/Icon.svelte";
   import Id from "@app/components/Id.svelte";
   import Link from "@app/components/Link.svelte";
   export let compact = false;

     display: flex;
     flex-direction: column;
     justify-content: space-between;
     overflow: hidden;
   }
   .repo-card.compact {

     align-items: center;
     white-space: nowrap;
   }
   .rid {
     font-family: var(--font-family-monospace);
     margin-left: auto;
     color: var(--color-foreground-emphasized);
   }
 </style>
 <Link

             · Updated {formatTimestamp(commit.committer.time)}
           </span>
         {/await}
         <span class="rid" title={repo.rid}>
           {formatRepositoryId(repo.rid)}
         <span class="global-flex-item" style:margin-left="auto">
           <Id id={repo.rid} title={repo.rid}>
             <span style:font-size="var(--font-size-tiny)">
               {formatRepositoryId(repo.rid)}
             </span>
           </Id>
         </span>
       </div>
     </div>