feat: introduce new "Followed tags" page (#2642)

Co-authored-by: patak <583075+patak-dev@users.noreply.github.com>

pages/[[server]]/explore.vue

@@ -43,7 +43,7 @@ const tabs = computed<CommonRouteTabOption[]>(() => [
   <MainContent>
     <template #title>
       <span timeline-title-style flex items-center gap-2 cursor-pointer @click="$scrollToTop">
-        <div i-ri:hashtag />
+        <div i-ri:compass-3-line />
         <span>{{ t('nav.explore') }}</span>
       </span>
     </template>

pages/hashtags.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+definePageMeta({
+  middleware: 'auth',
+})
+
+const { t } = useI18n()
+
+const { client } = useMasto()
+const paginator = client.value.v1.followedTags.list({
+  limit: 20,
+})
+
+useHydratedHead({
+  title: () => t('nav.hashtags'),
+})
+</script>
+
+<template>
+  <MainContent>
+    <template #title>
+      <NuxtLink to="/hashtags" timeline-title-style flex items-center gap-2 @click="$scrollToTop">
+        <div class="i-ri:hashtag" />
+        <span>{{ t('nav.hashtags') }}</span>
+      </NuxtLink>
+    </template>
+
+    <TagCardPaginator v-bind="{ paginator }" />
+  </MainContent>
+</template>