refactor(links): replace inline SVGs with reusable external link component for consistency and improved maintainability

resources/views/errors/400.blade.php

@@ -6,7 +6,8 @@
         @if ($exception->getMessage())
             <p class="text-base leading-7 text-red-500">{{ $exception->getMessage() }}</p>
         @else
-            <p class="text-base leading-7 text-neutral-300">The request could not be understood by the server due to
+            <p class="text-base leading-7 dark:text-neutral-400 text-black">The request could not be understood by the
+                server due to
                 malformed syntax.
             </p>
         @endif

resources/views/errors/401.blade.php

@@ -3,7 +3,7 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">401</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1>
-        <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
+        <p class="text-base leading-7 dark:text-neutral-400 text-black">You don't have permission to access this page.
         </p>
         <div class="flex items-center mt-10 gap-x-6">
             <a href="/">

resources/views/errors/403.blade.php

@@ -3,7 +3,7 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">403</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1>
-        <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
+        <p class="text-base leading-7 dark:text-neutral-400 text-black">You don't have permission to access this page.
         </p>
         <div class="flex items-center mt-10 gap-x-6">
             <a href="/">

resources/views/errors/404.blade.php

@@ -3,7 +3,7 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">404</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">How did you get here?</h1>
-        <p class="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking
+        <p class="text-base leading-7 dark:text-neutral-400 text-black">Sorry, we couldn’t find the page you’re looking
             for.
         </p>
         <div class="flex items-center mt-10 gap-x-6">

resources/views/errors/419.blade.php

@@ -3,7 +3,7 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">419</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">This page is definitely old, not like you!</h1>
-        <p class="text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking
+        <p class="text-base leading-7 dark:text-neutral-300 text-black">Sorry, we couldn’t find the page you’re looking
             for.
         </p>
         <div class="flex items-center mt-10 gap-x-6">

resources/views/errors/429.blade.php

@@ -3,7 +3,8 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">429</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">Woah, slow down there!</h1>
-        <p class="text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few
+        <p class="text-base leading-7 dark:text-neutral-400 text-black">You're making too many requests. Please wait a
+            few
             seconds before trying again.
         </p>
         <div class="flex items-center mt-10 gap-x-6">

resources/views/errors/500.blade.php

@@ -3,7 +3,8 @@
     <div class="w-full max-w-3xl px-8">
         <p class="font-mono font-semibold text-red-500 text-[200px] leading-none">500</p>
         <h1 class="text-3xl font-bold tracking-tight dark:text-white">Wait, this is not cool...</h1>
-        <p class="mt-2 text-lg leading-7 text-neutral-300">There has been an error with the following error message:</p>
+        <p class="mt-2 text-lg leading-7 dark:text-neutral-400 text-black">There has been an error with the following
+            error message:</p>
         @if ($exception->getMessage() !== '')
             <div class="mt-6 text-sm text-red-500">
                 {!! Purify::clean($exception->getMessage()) !!}
@@ -13,8 +14,8 @@
             <a href="/">
                 <x-forms.button>Go back home</x-forms.button>
             </a>
-            <a target="_blank" class="text-sm hover:text-neutral-300 flex items-center gap-1" href="{{ config('constants.urls.contact') }}">
-                Contact support
+            <a target="_blank" class="text-xs" href="{{ config('constants.urls.contact') }}">Contact
+                support
                 <x-external-link />
             </a>
         </div>

resources/views/errors/503.blade.php

@@ -3,14 +3,13 @@
     <div>
         <p class="font-mono font-semibold text-7xl dark:text-warning">503</p>
         <h1 class="mt-4 font-bold tracking-tight dark:text-white">We are working on serious things.</h1>
-        <p class="text-base leading-7 text-black dark:text-neutral-300">Service Unavailable. Be right back. Thanks for your
+        <p class="text-base leading-7 dark:text-neutral-400 text-black">Service Unavailable. Be right back. Thanks for
+            your
             patience.
         </p>
-        <div class="flex items-center mt-10 gap-x-6">
-            <a target="_blank" class="text-xs" href="{{ config('constants.urls.contact') }}">Contact
-                support
-                <x-external-link />
-            </a>
-        </div>
+        <a target="_blank" class="text-xs" href="{{ config('constants.urls.contact') }}">Contact
+            support
+            <x-external-link />
+        </a>
     </div>
 </div>