feat: add error boundary component and improve auth layout

resources/js/components/common/Logo.vue

@@ -1,19 +1,22 @@
 <script setup lang="ts">
+import { Link } from '@inertiajs/vue3'
 import { useAuth } from '@/composables/useAuth'
 
 withDefaults(defineProps<{
   size?: 'sm' | 'md' | 'lg'
   showText?: boolean
+  linkToHome?: boolean
 }>(), {
   size: 'md',
   showText: true,
+  linkToHome: true,
 })
 
 const { config } = useAuth()
 </script>
 
 <template>
-  <div class="flex items-center gap-3">
+  <component :is="linkToHome ? Link : 'div'" :href="linkToHome ? '/' : undefined" class="flex items-center gap-3">
     <!--
       Replace this placeholder with your actual logo:
       <img src="/images/logo.svg" alt="Logo" :class="iconSizeClass">
@@ -40,5 +43,5 @@ const { config } = useAuth()
     >
       {{ config.appName }}
     </span>
-  </div>
+  </component>
 </template>