chore: feedback apply

app/components/AppFooter.vue

@@ -2,11 +2,13 @@
 const appConfig = useAppConfig()
 
 onMounted(() => {
-  const protectedEmail = document.getElementById('protected-email')
-
-  if(protectedEmail)
-    protectedEmail.innerHTML = 'moc.' + 'liamg' + '@' + 'dramloc.' + 'ettelrual';
+  const protectedEmail = document.getElementById('protected-email') as HTMLAnchorElement
 
+  if (protectedEmail) {
+    const email = 'laurette.colmard' + '@' + 'gmail' + '.' + 'com'
+    protectedEmail.href = 'mailto:' + email
+    protectedEmail.innerHTML = 'moc.' + 'liamg' + '@' + 'dramloc.' + 'etterual'
+  }
 })
 </script>
 
@@ -17,7 +19,7 @@ onMounted(() => {
       <address>
         Laurette Colmard<br>
         29 rue Colonel Bougault, 38100 Grenoble (FR)<br>
-        <span id="protected-email" class="protected"></span>
+        <a id="protected-email" class="protected"></a>
       </address>
     </div>
   </footer>
@@ -27,6 +29,8 @@ onMounted(() => {
 .protected {
   unicode-bidi: bidi-override;
   direction: rtl;
+  color: inherit;
+  text-decoration: none;
 }
 
 footer {

app/components/VProject.vue

@@ -129,7 +129,7 @@ header {
   background: transparent;
   color: #FFFFFF;
   border-radius: 16px;
-  border: 0.5px solid var(--primary-color);
+  border: 2px solid var(--primary-color);
   padding: 0.3rem 0.4rem;
   font-size: 1.25rem;
   margin-top: 0.85rem;