v0.0.46 공개 화면 피드/포스트 UI 정리

Latest 보기 방식 토글과 아이콘을 SVG 기반으로 정리하고, 게시물 상세 헤더를 Thred 패턴으로 재구성했다.

Co-authored-by: Cursor <cursoragent@cursor.com>

pages/tag/[slug].vue

@@ -90,7 +90,11 @@ const tagPosts = computed(() => posts.value
               <div class="flex h-full flex-col gap-1.5">
                 <h2 class="max-w-[90%] text-sm font-medium leading-tight">
                   <NuxtLink :to="post.to" class="transition-opacity duration-200 hover:opacity-75">
-                    <span v-if="post.isFeatured" class="mr-1 inline-flex text-[var(--site-accent)]">⚡</span>
+                    <span v-if="post.isFeatured" class="mr-1 inline-flex text-[var(--site-accent)] [&_svg]:-mt-0.5">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                        <path d="M13 3v7h6l-8 11v-7H5l8-11" />
+                      </svg>
+                    </span>
                     {{ post.title }}
                   </NuxtLink>
                 </h2>
@@ -107,8 +111,10 @@ const tagPosts = computed(() => posts.value
                     {{ post.tag }}
                   </span>
                   <span class="text-[var(--site-line)]">/</span>
-                  <span class="flex items-center gap-0.5">
-                    <span>◌</span>
+                  <span class="flex items-center gap-0.75">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="-mt-px">
+                      <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" />
+                    </svg>
                     <span>0</span>
                   </span>
                 </div>