feat(admin): editable contact fields in sections and larger logos

Allow address, phone, map, and related site chrome to be edited from contact/settings for all editors, and enlarge brand marks on login, header, and preloader.

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

apps/web/app/components/ui/Logo.vue

@@ -1,23 +1,24 @@
 <script setup lang="ts">
+const settings = computed(() => useSiteStore().settings);
 </script>
 
 <template>
-  <NuxtLink to="/" class="flex items-center gap-3" aria-label="ایمن پیشگامان">
+  <NuxtLink to="/" class="flex items-center gap-3" :aria-label="settings.name">
     <span
-      class="flex size-10 items-center justify-center rounded-xl bg-white shadow-[0_0_28px_rgba(10,30,92,0.45)]"
+      class="flex size-11 items-center justify-center overflow-hidden rounded-xl bg-white p-0.5 shadow-[0_0_28px_rgba(10,30,92,0.45)] sm:size-12"
     >
       <img
         src="/images/logo.png"
-        alt="ایمن پیشگامان"
-        width="28"
-        height="28"
-        class="size-7 object-contain"
+        :alt="settings.name"
+        width="48"
+        height="48"
+        class="size-full object-contain object-center"
       />
     </span>
     <span class="leading-tight">
-      <span class="block text-lg font-black">ایمن پیشگامان</span>
+      <span class="block text-lg font-black">{{ settings.name }}</span>
       <span class="block font-mono text-[9px] tracking-[0.32em] text-muted">
-        IMEN PISHGAMAN CO.
+        {{ settings.nameEn }}
       </span>
     </span>
   </NuxtLink>