사이트 설정 로고와 사용자 설정 레이아웃 정리

components/site/SiteHeader.vue

@@ -8,7 +8,8 @@ const member = ref(null)
 
 const { data: siteSettings } = await useFetch('/api/site-settings', {
   default: () => ({
-    title: 'sori.studio'
+    title: 'sori.studio',
+    logoUrl: ''
   })
 })
 
@@ -185,6 +186,12 @@ onBeforeUnmount(() => {
             </svg>
           </span>
         </button>
+        <img
+          v-if="siteSettings.logoUrl"
+          class="site-header__brand-logo h-7 w-7 shrink-0 rounded-md object-cover"
+          :src="siteSettings.logoUrl"
+          :alt="siteSettings.title"
+        >
         <span class="min-w-0 truncate">{{ siteSettings.title }}</span>
         </NuxtLink>
       </div>