Add "New Patch" button to patch list view — radicle-explorer

This also fixes text alignment in the “Authenticate” button.

   .heading {
     font-size: var(--font-size-small);
     font-weight: var(--font-weight-bold);
     margin-bottom: 0.5rem;
     margin-bottom: 0.75rem;
   }
   .label {

     font-size: var(--font-size-small);
     font-weight: var(--font-weight-regular);
     margin-bottom: 0.75rem;
     margin-top: 0.75rem;
   }
 </style>

   import type { BaseUrl, Patch, PatchState, Project } from "@httpd-client";
   import { HttpdClient } from "@httpd-client";
   import { PATCHES_PER_PAGE } from "./router";
   import capitalize from "lodash/capitalize";
   import { PATCHES_PER_PAGE } from "./router";
   import { httpdStore } from "@app/lib/httpd";
   import { isLocal } from "@app/lib/utils";
   import Button from "@app/components/Button.svelte";
   import DropdownList from "@app/components/DropdownList.svelte";
   import DropdownListItem from "@app/components/DropdownList/DropdownListItem.svelte";

   import Placeholder from "@app/components/Placeholder.svelte";
   import Popover, { closeFocused } from "@app/components/Popover.svelte";
   import Share from "./Share.svelte";
   import Command from "@app/components/Command.svelte";
   export let baseUrl: BaseUrl;
   export let patches: Patch[];

     background-color: var(--color-fill-counter);
     color: var(--color-foreground-dim);
   }
   .popover {
     min-width: 16rem;
     display: flex;
     flex-direction: column;
     gap: 1rem;
   }
 </style>
 <Layout {baseUrl} {project} activeTab="patches">

     <div style="margin-left: auto; display: flex; gap: 1rem;">
       <Share {preferredSeeds} {publicExplorer} {baseUrl} />
       {#if $httpdStore.state === "authenticated" && isLocal(baseUrl.hostname)}
         <Popover popoverPositionTop="2.5rem" popoverPositionRight="0">
           <Button
             slot="toggle"
             let:toggle
             on:click={toggle}
             variant="secondary">
             <IconSmall name="plus" />
             New Patch
           </Button>
           <div slot="popover" class="popover txt-small">
             To create a patch, first checkout a new branch and commit your
             changes, then run the following command.
             <Command command="git push rad HEAD:refs/patches" />
           </div>
         </Popover>
       {/if}
     </div>
   </div>