test: add unit tests for server API handlers related to tweets

Author: Abdallah-farag27

app/pages/playground/tweet.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import type { Tweet } from '~~/types/tweets';
+const tweets = ref<Tweet[]>([]);
+
+const { data: tweetsData, error } = useFetch<{ data: Tweet[] }>('/api/tweets');
+tweets.value = tweetsData.value?.data || [];
+
+if (error.value) console.error(error.value);
+</script>
+
+<template>
+  <div class="p-4">
+    <h1 v-if="tweets[1]" class="mb-4 text-2xl font-bold">
+      {{ tweets[1].id }}
+    </h1>
+    <h1 v-else>{{ $t('testing.tweets.tweet-not-found') }}</h1>
+  </div>
+</template>

i18n/locales/ar.json

@@ -10,7 +10,10 @@
     "follow": "متابعة",
     "unfollow": "إلغاء المتابعة",
     "following": "متابع",
-    "subscribe": "الاشتراك"
+    "subscribe": "الاشتراك",
+    "tweets": {
+      "tweet-not-found": "التغريدة غير موجودة"
+    }
   },
   "root": {
     "hero": {

i18n/locales/en.json

@@ -10,6 +10,9 @@
     "user": {
       "name": "John Doe",
       "username": "johndoe"
+    },
+    "tweets": {
+      "tweet-not-found": "Tweet not found"
     }
   },
   "root": {