💄 Optimized most of components for moblie

src/layouts/master.vue

@@ -57,11 +57,9 @@
 
       <v-spacer />
 
-      <v-tooltip v-for="item in navigationMenu" :text="item.name" location="bottom">
-        <template #activator="{ props }">
-          <v-btn flat exact v-bind="props" :to="{ name: item.to }" size="small" :icon="item.icon" />
-        </template>
-      </v-tooltip>
+      <div v-if="id.userinfo.isLoggedIn">
+          <notification-list />
+      </div>
     </div>
   </v-app-bar>
 
@@ -107,6 +105,7 @@ import { useWellKnown } from "@/stores/wellKnown"
 import PostTools from "@/components/publish/PostTools.vue"
 import RealmTools from "@/components/realms/RealmTools.vue"
 import RealmList from "@/components/realms/RealmList.vue"
+import NotificationList from "@/components/NotificationList.vue"
 
 const safeAreaTop = computed(() => {
   return getComputedStyle(document.documentElement).getPropertyValue("--safe-area-top")
@@ -118,7 +117,6 @@ const safeAreaBottom = computed(() => {
 
 const id = useUserinfo()
 const editor = useEditor()
-const navigationMenu = [{ name: "Explore", icon: "mdi-compass", to: "explore" }]
 
 const username = computed(() => {
   if (id.userinfo.isLoggedIn) {