feat(editor): display size in file summary

src/main/frontend/sections/output/FileMessageOutput.tsx

@@ -15,7 +15,7 @@ const Elm = styled('div')`
 	border-radius: 12px;
 	display: grid;
 	gap: 6px;
-	grid-template-areas: 'icon name . download' 'icon type . download';
+	grid-template-areas: 'icon name name download' 'icon type size download';
 	grid-template-columns: max-content max-content 1fr max-content;
 	> coral-icon {
 		grid-area: icon;
@@ -28,6 +28,9 @@ const Elm = styled('div')`
 	> .type {
 		grid-area: type;
 	}
+	> .size {
+		grid-area: size;
+	}
 	> a {
 		grid-area: download;
 	}
@@ -77,6 +80,7 @@ export const FileMessageOutput: FC<{ message: FileMessage }> = ({ message }) =>
 			<coral-icon icon={icon} size="L" />
 			<span className="name">{message.name}</span>
 			<small className="type">{message.mime}</small>
+			<small className="size">{message.blob?.size} bytes</small>
 			<a href={URL.createObjectURL(message.blob!)} download={message.name}>
 				<button type="button" is="coral-button" icon="download">
 					Download