fix: align tagline to baseline of links + use balanced wrapping (#342)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Philippe Serhal <philippe.serhal@gmail.com>

Author: 3 people

app/components/AppFooter.vue

@@ -1,8 +1,10 @@
 <template>
   <footer class="border-t border-border mt-auto">
     <div class="container py-3 sm:py-8 flex flex-col gap-2 sm:gap-4 text-fg-subtle text-sm">
-      <div class="flex flex-col sm:flex-row items-center justify-start gap-2 sm:gap-4">
-        <p class="font-mono m-0 hidden sm:block">{{ $t('tagline') }}</p>
+      <div
+        class="flex flex-col sm:flex-row items-center sm:items-baseline justify-start gap-2 sm:gap-4"
+      >
+        <p class="font-mono text-balance m-0 hidden sm:block">{{ $t('tagline') }}</p>
         <span aria-hidden="true" class="flex-shrink-1 flex-grow-1" />
         <div class="flex items-center justify-start gap-3 sm:gap-6">
           <NuxtLink