chore(dashboard): update dependencies

dashboard/package.json

@@ -10,19 +10,19 @@
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
-    "@tsconfig/svelte": "^2.0.1",
+    "@tsconfig/svelte": "^3.0.0",
     "svelte": "^3.44.0",
     "svelte-check": "^2.2.7",
     "svelte-toggle": "^3.1.0",
     "tslib": "^2.3.1",
     "typescript": "^4.4.4",
-    "vite": "^2.7.0"
+    "vite": "^3.2.4"
   },
   "dependencies": {
     "@sentry/browser": "^6.19.5",
     "@sentry/tracing": "^6.19.5",
-    "@types/twemoji": "^12.1.2",
+    "@types/twemoji": "^13.1.2",
-    "axios": "^0.24.0",
+    "axios": "^1.2.0",
     "bootstrap": "^5.1.3",
     "bootstrap-dark-5": "^1.1.3",
     "core-js-pure": "^3.23.4",
@@ -37,6 +37,6 @@
     "svelte-preprocess": "^4.10.6",
     "svelte-textarea-autoresize": "^1.0.0",
     "sveltestrap": "^5.6.3",
-    "twemoji": "^13.1.0"
+    "twemoji": "^14.0.2"
   }
 }

dashboard/src/components/group/Body.svelte

@@ -11,7 +11,7 @@
     import MemberEdit from './MemberEdit.svelte';
     import { Link, useLocation } from 'svelte-navigator';
 
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
    
     export let group: Group;
     let editMode: boolean = false;

dashboard/src/components/group/Edit.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { Row, Col, Input, Button, Label, Alert, Spinner, Modal, ModalHeader, ModalBody } from 'sveltestrap';
     import { createEventDispatcher, tick } from 'svelte';
-    import { Group } from '../../api/types';
+    import type { Group } from '../../api/types';
     import api from '../../api';
     import { autoresize } from 'svelte-textarea-autoresize';
 

dashboard/src/components/group/MemberEdit.svelte

@@ -7,7 +7,7 @@
     import FaUserMinus from 'svelte-icons/fa/FaUserMinus.svelte'
     import Svelecte, { addFormatter } from 'svelecte';
 
-    import { Group, Member } from '../../api/types';
+    import type { Group, Member } from '../../api/types';
     import api from '../../api';
 
     let loading: boolean = false;

dashboard/src/components/group/NewGroup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Row, Col, Input, Button, Label, Alert, Spinner, Accordion, AccordionItem, CardTitle } from 'sveltestrap';
-    import { Group } from '../../api/types';
+    import type { Group } from '../../api/types';
     import api from '../../api';
     import { autoresize } from 'svelte-textarea-autoresize';
     import { createEventDispatcher } from 'svelte';

dashboard/src/components/group/Privacy.svelte

@@ -2,7 +2,7 @@
     import { tick, createEventDispatcher } from "svelte";
     import { ModalBody, ModalHeader, Col, Row, Input, Label, ModalFooter, Button, Spinner, Alert } from "sveltestrap";
 
-    import { Group, GroupPrivacy } from '../../api/types';
+    import type { Group, GroupPrivacy } from '../../api/types';
     import api from '../../api';
 
     export let privacyOpen: boolean;

dashboard/src/components/list/CardView.svelte

@@ -4,7 +4,7 @@
     import FaUserCircle from 'svelte-icons/fa/FaUserCircle.svelte';
     import FaUsers from 'svelte-icons/fa/FaUsers.svelte'
 
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
     import MemberCard from '../member/CardView.svelte';
     import GroupCard from '../group/CardView.svelte';
 

dashboard/src/components/list/List.svelte

@@ -11,7 +11,7 @@
     import ListView from './ListView.svelte';
     import CardView from './CardView.svelte';
 
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
     import api from '../../api';
 
     export let members: Member[] = [];

dashboard/src/components/list/ListControl.svelte

@@ -3,7 +3,7 @@ import { createEventDispatcher } from 'svelte';
 import { Card, CardHeader, CardBody, CardTitle, Alert, Accordion, AccordionItem, InputGroupText, InputGroup, Input, Row, Col, Spinner, Button, Tooltip, Label } from 'sveltestrap';
 import FaSearch from 'svelte-icons/fa/FaSearch.svelte'
 import Svelecte, { addFormatter } from 'svelecte';
-import { Member, Group } from '../../api/types';
+import type { Member, Group } from '../../api/types';
 import { Link, useParams } from 'svelte-navigator';
 import moment from 'moment';
 

dashboard/src/components/list/ListView.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Card, CardHeader, CardBody, Collapse, Tooltip } from 'sveltestrap';
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
     import { link } from 'svelte-navigator';
 
     import FaLock from 'svelte-icons/fa/FaLock.svelte';

dashboard/src/components/member/Body.svelte

@@ -12,7 +12,7 @@
     import Privacy from './Privacy.svelte';
     import ProxyTags from './ProxyTags.svelte';
 
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
     import { Link, useLocation } from 'svelte-navigator';
 
     export let groups: Group[] = [];

dashboard/src/components/member/Edit.svelte

@@ -4,7 +4,7 @@
     import { autoresize } from 'svelte-textarea-autoresize';
     import moment from 'moment';
 
-    import { Member } from '../../api/types'
+    import type { Member } from '../../api/types'
     import api from '../../api';
 
     const descriptions: string[] = JSON.parse(localStorage.getItem("pk-config"))?.description_templates;

dashboard/src/components/member/GroupEdit.svelte

@@ -9,7 +9,7 @@
     import FaFolderPlus from 'svelte-icons/fa/FaFolderPlus.svelte'
     import FaFolderMinus from 'svelte-icons/fa/FaFolderMinus.svelte'
 
-    import { Member, Group } from '../../api/types';
+    import type { Member, Group } from '../../api/types';
     import api from '../../api';
 
     export let member: Member;

dashboard/src/components/member/NewMember.svelte

@@ -4,7 +4,7 @@
     import { autoresize } from 'svelte-textarea-autoresize';
     import moment from 'moment';
     import FaPlus from 'svelte-icons/fa/FaPlus.svelte';
-    import { Member } from '../../api/types';
+    import type { Member } from '../../api/types';
     import api from '../../api';
 
     const descriptions: string[] = JSON.parse(localStorage.getItem("pk-config"))?.description_templates;

dashboard/src/components/member/Privacy.svelte

@@ -2,7 +2,7 @@
     import { tick, createEventDispatcher } from "svelte";
     import { Col, Row, Input, Label, Button, Alert, Spinner } from "sveltestrap";
 
-    import { Member, MemberPrivacy } from '../../api/types';
+    import type { Member, MemberPrivacy } from '../../api/types';
     import api from '../../api';
 
     export let privacyOpen: boolean;

dashboard/src/components/member/ProxyTags.svelte

@@ -2,7 +2,7 @@
     import {tick } from "svelte";
     import { Col, Row, Input, Label, Button, Alert, Spinner, InputGroup } from "sveltestrap";
 
-    import { Member } from '../../api/types';
+    import type { Member } from '../../api/types';
     import api from '../../api';
 
     let loading: boolean;

dashboard/src/components/system/Body.svelte

@@ -6,7 +6,7 @@
     import resizeMedia from '../../api/resize-media';
     import twemoji from 'twemoji';
 
-    import { System } from '../../api/types';
+    import type { System } from '../../api/types';
    
     export let user: System;
     export let editMode: boolean;

dashboard/src/components/system/Edit.svelte

@@ -6,7 +6,7 @@
 
     const descriptions: string[] = JSON.parse(localStorage.getItem("pk-config"))?.description_templates;
 
-    import { System } from '../../api/types';
+    import type { System } from '../../api/types';
     import api from '../../api';
 
     export let editMode: boolean;

dashboard/src/components/system/Main.svelte

@@ -6,7 +6,7 @@
     import Privacy from './Privacy.svelte';
     import Edit from './Edit.svelte';
 
-    import { System } from '../../api/types';
+    import type { System } from '../../api/types';
 
     export let user: System;
     export let isPublic = true;

dashboard/src/components/system/Privacy.svelte

@@ -4,7 +4,7 @@
     import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte';
     import PrivacyEdit from './PrivacyEdit.svelte';
 
-    import { System, SystemPrivacy } from '../../api/types';
+    import type { System, SystemPrivacy } from '../../api/types';
 
     export let user: System;
     let editMode = false;

dashboard/src/components/system/PrivacyEdit.svelte

@@ -2,7 +2,7 @@
     import { Input, Row, Col, Button, Label, Alert, Spinner } from 'sveltestrap';
     import { currentUser } from '../../stores';
 
-    import { System, SystemPrivacy } from '../../api/types';
+    import type { System, SystemPrivacy } from '../../api/types';
     import api from '../../api';
 
     export let user: System;

dashboard/src/routes/Dash/Dash.svelte

@@ -6,7 +6,7 @@
     import SystemMain from '../../components/system/Main.svelte';
     import List from '../../components/list/List.svelte';
 
-    import { System } from '../../api/types';
+    import type { System } from '../../api/types';
     import api from '../../api';
 
     // get the state from the navigator so that we know which tab to start on

dashboard/src/routes/Dash/Group/Group.svelte

@@ -4,7 +4,7 @@
     import { useParams, Link, navigate, useLocation } from 'svelte-navigator';
     import { onMount } from 'svelte';
     import api from "../../../api";
-    import { Member, Group } from "../../../api/types";
+    import type { Member, Group } from "../../../api/types";
     import CardsHeader from "../../../components/common/CardsHeader.svelte";
     import FaUsers from 'svelte-icons/fa/FaUsers.svelte';
     import FaList from 'svelte-icons/fa/FaList.svelte';

dashboard/src/routes/Dash/Member/Member.svelte

@@ -5,7 +5,7 @@
     import { useParams, Link, navigate, useLocation } from 'svelte-navigator';
     import { onMount } from 'svelte';
     import api from "../../../api";
-    import { Member, Group } from "../../../api/types";
+    import type { Member, Group } from "../../../api/types";
     import CardsHeader from "../../../components/common/CardsHeader.svelte";
     import FaAddressCard from 'svelte-icons/fa/FaAddressCard.svelte'
     import FaList from 'svelte-icons/fa/FaList.svelte'

dashboard/src/routes/Dash/Profile.svelte

@@ -6,7 +6,7 @@
     import SystemMain from '../../components/system/Main.svelte';
     import List from '../../components/list/List.svelte';
     
-    import { System } from '../../api/types';
+    import type{ System } from '../../api/types';
     import api from '../../api';
 
     let user: System = {};

dashboard/src/routes/Dash/Random.svelte

@@ -6,7 +6,7 @@
     
     import CardsList from '../../components/list/ListView.svelte';
     import api from '../../api';
-    import { Group, Member } from '../../api/types';
+    import type { Group, Member } from '../../api/types';
 
     export let isPublic: boolean = false;
     export let type: string = "member";

dashboard/src/routes/Dash/System/BulkGroupPrivacy.svelte

@@ -4,7 +4,7 @@
 	import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte';
 
 	import api from '../../../api';
-    import { GroupPrivacy, System } from '../../../api/types';
+    import type { GroupPrivacy, System } from '../../../api/types';
 	const user: System = JSON.parse(localStorage.getItem("pk-user"));
 
 	if (!user) navigate('/');

dashboard/src/routes/Dash/System/BulkMemberPrivacy.svelte

@@ -4,7 +4,7 @@
 	import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte';
 
 	import api from '../../../api';
-    import { MemberPrivacy, System } from '../../../api/types';
+    import type { MemberPrivacy, System } from '../../../api/types';
 	const user: System = JSON.parse(localStorage.getItem("pk-user"));
 
 	if (!user) navigate('/');

dashboard/src/routes/Home.svelte

@@ -7,7 +7,7 @@
     import twemoji from 'twemoji';
     import { toHTML } from 'discord-markdown';
 
-    import { System } from '../api/types';
+    import type { System } from '../api/types';
     import api from '../api';
 
     let loading = false;

dashboard/src/routes/Settings/Settings.svelte

@@ -3,7 +3,7 @@
     import Toggle from 'svelte-toggle';
     import { autoresize } from 'svelte-textarea-autoresize';
     import FaCogs from 'svelte-icons/fa/FaCogs.svelte'
-    import { Config } from '../../api/types';
+    import type { Config } from '../../api/types';
     import api from '../../api';
 
     let savedSettings = JSON.parse(localStorage.getItem("pk-settings"));