feat: make system components require the system classes

src/lib/CardsHeader.svelte

@@ -2,9 +2,8 @@
     import { Modal, CardHeader, CardTitle, Image } from 'sveltestrap';
     import FaUserCircle from 'svelte-icons/fa/FaUserCircle.svelte'
     import default_avatar from '../assets/default_avatar.png';
-    import type Sys from '../api/system';
 
-    export let item: Sys;
+    export let item: any;
 
     let avatarOpen = false;
     const toggleAvatarModal = () => (avatarOpen = !avatarOpen);

src/lib/system/Body.svelte

@@ -2,8 +2,9 @@
     import { Row, Col, Modal, Image, Button } from 'sveltestrap';
     import moment from 'moment';
     import { toHTML } from 'discord-markdown';
+    import type Sys from '../../api/system';
    
-    export let user;
+    export let user: Sys;
     export let editMode: boolean;
 
     let htmlDescription: string;

src/lib/system/Main.svelte

@@ -3,8 +3,9 @@
     import CardsHeader from '../CardsHeader.svelte';
     import SystemBody from './Body.svelte';
     import SystemPrivacy from './Privacy.svelte';
+    import type Sys from '../../api/system';
 
-    export let user;
+    export let user: Sys;
     export let isPublic = true;
 
     let editMode = false;

src/lib/system/Privacy.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
     import { Card, CardHeader, CardBody, CardTitle, Row, Col, Button } from 'sveltestrap';
     import FaUserLock from 'svelte-icons/fa/FaUserLock.svelte'
+    import type Sys from '../../api/system';
 
-    export let user;
+    export let user: Sys;
     let editMode = false;
 </script>