consolidate interface and remove copies of code

src/views/ProjectsView.vue

@@ -213,6 +213,7 @@
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
 
+import { NotificationIface } from "@/constants/app";
 import { accountsDB, db } from "@/db/index";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
@@ -225,18 +226,11 @@ import TopMessage from "@/components/TopMessage.vue";
 import { OfferServerRecord, PlanData } from "@/libs/endorserServer";
 import EntityIcon from "@/components/EntityIcon.vue";
 
-interface Notification {
-  group: string;
-  type: string;
-  title: string;
-  text: string;
-}
-
 @Component({
   components: { EntityIcon, InfiniteScroll, QuickNav, ProjectIcon, TopMessage },
 })
 export default class ProjectsView extends Vue {
-  $notify!: (notification: Notification, timeout?: number) => void;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
 
   apiServer = "";
   projects: PlanData[] = [];