Fix overflow repo title and descriptions in `RepoCard` — radicle-desktop

👉 Workflow runs 👉 Branch on GitHub

     grid-area: p3-3;
     display: flex;
     align-items: center;
     overflow: hidden;
   }
   .p3-4 {
     grid-area: p3-4;

     justify-content: space-between;
   }
   .title {
     display: flex;
     color: var(--color-fill-gray);
     margin-top: 4px;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   .container {
     width: 100%;

   <div class="container txt-small">
     <RepoHeader {repo} {selfDid} />
     <div class="title">
     <div class="title" title={project.data.description}>
       {#if project.data.description}
         {project.data.description}
       {:else}

 </style>
 <div class="header txt-small">
   <div class="global-flex">
   <div class="global-flex txt-overflow">
     <div
       class="global-counter"
       style:background-color="var(--color-fill-ghost)">
       {project.data.name[0]}
     </div>
     {#if emphasizedTitle}
       <span class="txt-regular txt-semibold">{project.data.name}</span>
       <span
         title={project.data.name}
         class="txt-regular txt-overflow txt-semibold">
         {project.data.name}
       </span>
     {:else}
       <span class="txt-small txt-semibold">{project.data.name}</span>
       <span
         title={project.data.name}
         class="txt-small txt-overflow txt-semibold">
         {project.data.name}
       </span>
     {/if}
   </div>
   <div class="global-flex">