feat(components): use original file name for raw images

server.ts

@@ -69,6 +69,7 @@ const dev = process.env.NODE_ENV === 'development';
             res.setHeader('Content-Type', mimetype);
           }
           res.setHeader('Content-Length', data.byteLength);
+          res.setHeader('Content-Disposition', `filename="${file.origFileName}"`);
           res.end(data);
         }
       } else {

src/pages/[...id].tsx

@@ -224,7 +224,7 @@ export const getServerSideProps: GetServerSideProps = async context => {
     const res = await fetch(`${url}/${file.fileName}`);
     if (!res.ok) return { notFound: true };
     const content = await res.text();
-    const size = bytesToHr(res.headers.get('content-length'));
+    const size = bytesToHr(+res.headers.get('content-length'));
     replace(size);
     delete file.uploadedAt;
     return {