Improve design + fix design + add redirections

pages/about.vue

@@ -12,7 +12,7 @@
       <div>
         <img class="logo-img rounded-full my-5" src="@/assets/img/Logo.jpg" alt="It's me !" />
       </div>
-      <div class="text-lg leading-6 md:w-2/3 text-justify">
+      <div class="ml-2 text-lg leading-6 md:w-2/3 text-justify">
         <p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
         <p>{{ $t('about.banner.1')}}</p> <br/>
         <p>{{ $t('about.banner.2') }}</p> <br/>

pages/blog/_slug.vue

@@ -56,7 +56,7 @@
             class="h-16 end-blog flex flex-row justify-center items-center cursor-pointer duration-300 text-3xl p-3 border-solid border mr-2"
             :class="liked ? 'border-red-500 dark:border-red-500 hover:border-gray-400 dark:hover:border-dark-200' : 'border-gray-400 dark:border-dark-200 hover:border-red-500 dark:hover:border-red-500'"
           >
-            <div class="mr-2">
+            <div class="mr-2 lining-nums">
               {{ likes }}
             </div>
             <div class="icon-hover inline">❤</div>

pages/contact.vue

@@ -83,12 +83,7 @@
       </h3>
       <div class="my-4 text-purple-500">
         {{ $t('contact.available.start') }}
-        <span
-          class="p-1 font-bold rounded-xl mx-1"
-          :class="getColor"
-        >
-          {{ $t('hiring.status.' + status) }}
-        </span>
+        <span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + status) }}</span>
         {{ $t('contact.available.end') }}
       </div>
     </div>