style: just changed the view latest button

The backdrop already dismisses the dialog on outside click.

src/components/ShareNote.vue

@@ -55,7 +55,7 @@ const copy = async (url: string, label: string) => {
 
 <template>
   <button
-    class="btn btn-ghost btn-circle text-base-content"
+    class="btn btn-ghost btn-circle text-accent"
     title="Share this view"
     aria-label="Share this view"
     onclick="share_modal.showModal()"
@@ -148,12 +148,6 @@ const copy = async (url: string, label: string) => {
           </span>
         </span>
       </button>
-
-      <div class="modal-action">
-        <form method="dialog">
-          <button class="btn btn-ghost">Close</button>
-        </form>
-      </div>
     </div>
     <form method="dialog" class="modal-backdrop">
       <button>close</button>

src/components/StackedNote.vue

@@ -1,11 +1,5 @@
 <script lang="ts" setup>
-import {
-  computed,
-  defineAsyncComponent,
-  onMounted,
-  ref,
-  watch
-} from "vue"
+import { computed, defineAsyncComponent, onMounted, ref, watch } from "vue"
 
 import { useEditionMode } from "@/hooks/useEditionMode"
 import { useFile } from "@/hooks/useFile.hook"
@@ -217,8 +211,7 @@ useMarkdownPostRender(content, () => `.note-${sha.value}`, {
   macroplan: true,
   mermaid: () => rawContent.value.includes("```mermaid"),
   shikiji: () => isMarkdown.value && rawContent.value.includes("```"),
-  images: () =>
-    /\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null,
+  images: () => (/\!\[.*?\]\(.*?\)/.test(rawContent.value) ? props.sha : null),
   triggers: [mode]
 })
 
@@ -508,7 +501,7 @@ const onBadgeClick = async () => {
           <span>You're viewing an older shared version.</span>
           <button
             type="button"
-            class="snapshot-banner-action"
+            class="btn bt-sm btn-soft btn-info"
             @click="viewLatest"
           >
             View latest
@@ -607,16 +600,6 @@ $border-color: rgba(18, 19, 58, 0.2);
   font-size: 0.85em;
 }
 
-.snapshot-banner-action {
-  flex-shrink: 0;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
 .action {
   margin: 0;