Add support buttons

components/app-bar.vue

@@ -6,10 +6,10 @@ const { user, clear } = useUserSession();
   <div class="w-full h-16 border-b-4 border-b-orange-500 flex">
     <UContainer class="max-w-2xl flex justify-between items-center">
       <div class="flex gap-2 items-center">
-        <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
         <div class="font-bold text-xl tracking-tight font-fira-code">
           Ghostwriter
         </div>
+        <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
       </div>
       <UDropdownMenu :items="[{ label: 'Log out', onSelect: () => clear() }]">
         <UAvatar

components/app-footer.vue

@@ -4,8 +4,12 @@
   >
     <div class="text-center">
       Built with 💪 in Athens, Greece 🇬🇷 by Marios Antonoudiou.
-      <ULink class="underline" href="mailto:mariosant@sent.com"
-        >Send feedback</ULink
+
+      <ULink
+        class="underline"
+        target="_blank"
+        href="https://buymeacoffee.com/mariosant"
+        >Support Ghostwriter 👻</ULink
       >.
     </div>
     <NuxtImg src="/images/powered-by-strava.svg" width="80px" />

components/register.vue

@@ -13,10 +13,10 @@ const { openInPopup } = useUserSession();
     <UCard class="max-w-sm grid gap-6 justify-center items-center">
       <div class="flex flex-col gap-10 items-center justify-center">
         <div class="flex gap-2 items-center">
-          <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
           <div class="font-bold text-xl tracking-tight font-fira-code">
             Ghostwriter
           </div>
+          <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
         </div>
         <div class="grid gap-2">
           <div class="text-center text-2xl font-bold">