fix: align tagline to baseline of links + use balanced wrapping

Author: knowler

app/components/AppFooter.vue

@@ -1,8 +1,8 @@
 <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