add hover bg to record toolbar buttons

src/components/create.tsx

···
       </Modal>
       <Tooltip text={`${props.create ? "Create" : "Edit"} record`}>
         <button
-          class={props.create ? "" : "p-1"}
+          class={
+            props.create ? "" : "rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600"
+          }
           onclick={() => {
             createModel();
             setOpenDialog(true);

src/views/record.tsx

···
             <Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>
               <RecordEditor create={false} record={record()?.value} />
               <Tooltip text="Delete">
-                <button class="p-1" onclick={() => setOpenDelete(true)}>
+                <button
+                  class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600"
+                  onclick={() => setOpenDelete(true)}
+                >
                   <div class="i-lucide-trash-2" />
                 </button>
               </Tooltip>
···
             </Show>
             <Tooltip text="Copy record">
               <button
-                class="p-1"
+                class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600"
                 onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))}
               >
                 <div class="i-lucide-copy" />
···
             <Show when={externalLink()}>
               {(externalLink) => (
                 <Tooltip text={`Open on ${externalLink().label}`}>
-                  <a class="p-1" target="_blank" href={externalLink()?.link}>
+                  <a
+                    class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600"
+                    target="_blank"
+                    href={externalLink()?.link}
+                  >
                     <div class={`${externalLink().icon ?? "i-lucide-app-window"}`} />
                   </a>
                 </Tooltip>
···
             </Show>
             <Tooltip text="Record on PDS">
               <a
-                class="p-1"
+                class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600"
                 href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`}
                 target="_blank"
               >