add footer with bitcoin svg

src/components/layout/Footer.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+const currentYear = new Date().getFullYear()
+</script>
+
+<template>
+  <footer class="border-t mt-auto">
+    <div class="container mx-auto px-4 py-6">
+      <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
+        <!-- Powered by section -->
+        <div class="flex items-center space-x-2 text-sm text-muted-foreground">
+          <span>Powered by</span>
+          <img src="@/assets/bitcoin.svg" alt="Bitcoin" class="w-8 h-8" />
+        </div>
+
+        <!-- Copyright and Donate Button -->
+        <div class="flex items-center gap-4">
+          <span class="text-sm text-muted-foreground">
+            © {{ currentYear }}
+          </span>
+          <a
+            href="https://lnbits.atitlan.io/tipjar/3"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="mr-2"
+            >
+              <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" />
+              <path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" />
+            </svg>
+            Donate
+          </a>
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>