fix(app): font sizing, better system msgs

src/components/common/messaging/SystemMessage.tsx

@@ -29,6 +29,17 @@ const SystemContent = styled.div`
     flex-wrap: wrap;
     align-items: center;
     flex-direction: row;
+    font-size: 14px;
+    color: var(--secondary-foreground);
+
+    span {
+        font-weight: 600;
+        color: var(--foreground);
+    }
+
+    svg {
+        margin-inline-end: 4px;
+    }
 
     svg,
     span {

src/components/common/messaging/attachments/AttachmentActions.tsx

@@ -1,10 +1,9 @@
 import {
-    Download,
     LinkExternal,
-    File,
     Headphone,
-    Video,
+    Download,
 } from "@styled-icons/boxicons-regular";
+import { File, Video } from "@styled-icons/boxicons-solid";
 import { Attachment } from "revolt-api/types/Autumn";
 
 import styles from "./AttachmentActions.module.scss";