refactor: streamline component structure and enhance accessibility features

app/pages/projects/[slug].vue

@@ -3,8 +3,6 @@ const route = useRoute()
 const { data: project } = await useAsyncData(`projects/${route.params.slug}`, () =>
   queryCollection('projects').path(`/projects/${route.params.slug}`).first())
 
-const { t } = useI18n()
-
 useSeoMeta({
   title: project.value?.title,
   description: project.value?.description,
@@ -13,20 +11,7 @@ useSeoMeta({
 </script>
 
 <template>
-  <main v-if="project" class="mt-8 md:mt-16 md:mb-32 mb-20">
-    <div class="flex">
-      <NuxtLinkLocale
-        class="flex items-center gap-2 mb-8 group text-sm hover:text-black dark:hover:text-white duration-300"
-        to="/canva"
-      >
-        <UIcon
-          class="group-hover:-translate-x-1 transform duration-300"
-          name="i-ph-arrow-left-duotone"
-          size="20"
-        />
-        {{ t('post.back') }}
-      </NuxtLinkLocale>
-    </div>
+  <main v-if="project" class="mt-8 md:mt-16 md:mb-36 mb-20">
     <PostAlert class="mb-8" />
     <div>
       <div class="flex items-end justify-between gap-2 flex-wrap">