feat(logo): integrate logo into header, mobile menu, and footer

partials/footer.hbs

@@ -1,7 +1,11 @@
 <footer class="text-[var(--text-secondary)] bg-[var(--bg-primary)] body-font">
     <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
         <a href="{{@site.url}}" class="flex title-font font-medium items-center md:justify-start justify-center text-[var(--text-primary)]">
-            <span class="ml-3 text-xl">{{@site.title}}</span>
+            {{#if @site.logo}}
+                <img src="{{@site.logo}}" alt="{{@site.title}}" class="h-8 w-auto site-logo">
+            {{else}}
+                <img src="{{asset "images/palina.png"}}" alt="{{@site.title}}" class="h-8 w-auto site-logo">
+            {{/if}}
         </a>
         <p class="text-sm text-[var(--text-secondary)] sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-[var(--bg-secondary)] sm:py-2 sm:mt-0 mt-4">
             © {{date format="YYYY"}} {{@site.title}} — Powered by Ghost

partials/mobile-menu.hbs

@@ -8,7 +8,14 @@
     x-transition:leave-end="-translate-x-full"
     class="fixed inset-0 z-40 bg-[var(--bg-primary)] transform md:hidden"
     x-cloak>
-    <div class="flex justify-end p-5">
+    <div class="flex justify-between items-center p-5">
+        <a href="{{@site.url}}" class="site-logo-container">
+            {{#if @site.logo}}
+                <img src="{{@site.logo}}" alt="{{@site.title}}" class="h-10 w-auto site-logo">
+            {{else}}
+                <img src="{{asset "images/palina.png"}}" alt="{{@site.title}}" class="h-10 w-auto site-logo">
+            {{/if}}
+        </a>
         <button @click="mobileMenuOpen = false" class="p-2 rounded-full bg-[var(--bg-secondary)] text-[var(--text-primary)] hover:bg-[var(--bg-tertiary)] transition-colors duration-200">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />