build(dev-deps): bump dev dependencies to latest

Author: mlaursen

.prettierrc

@@ -0,0 +1,2 @@
+printWidth: 80
+trailingComma: es5

.prettierrc.yaml

@@ -1,9 +1,9 @@
-@use '@react-md/theme/dist/color-palette' as *;
+@use "@react-md/theme/dist/color-palette" as *;
 
-@forward 'react-md' with (
+@forward "react-md" with (
   // update these variables as needed for your app
   $rmd-theme-primary: $rmd-teal-500,
   $rmd-theme-secondary: $rmd-pink-a-200,
   $rmd-theme-light: true,
-  $rmd-theme-dark-elevation: 'prefers-color-scheme'
+  $rmd-theme-dark-elevation: "prefers-color-scheme"
 );

_everything.scss

@@ -1,4 +1,4 @@
-@use '../everything' as *;
+@use "../everything" as *;
 
 .container {
   @include rmd-theme-dark;

components/DarkTheme.module.scss

@@ -1,5 +1,5 @@
 import type { ReactElement } from "react";
-import filesize from "filesize";
+import { filesize } from "filesize";
 import type {
   FileExtensionError,
   FileSizeError,

components/ErrorHeader.tsx

@@ -1,6 +1,6 @@
 import type { ReactElement } from "react";
 import { Fragment } from "react";
-import filesize from "filesize";
+import { filesize } from "filesize";
 import type { FileValidationError } from "react-md";
 import { isFileSizeError, List, SimpleListItem, Typography } from "react-md";
 
@@ -21,7 +21,9 @@ export function ErrorRenderer({ error }: ErrorRendererProps): ReactElement {
             <SimpleListItem
               key={i}
               primaryText={file.name}
-              secondaryText={isFileSizeError(error) && filesize(file.size)}
+              secondaryText={
+                isFileSizeError(error) && filesize(file.size).toString()
+              }
             />
           ))}
         </List>

components/ErrorRenderer.tsx

@@ -1,4 +1,4 @@
-@use '../everything' as *;
+@use "../everything" as *;
 
 .container {
   @include rmd-icon-theme-update-var(size, 5rem);

components/FileDropzone.module.scss

@@ -1,4 +1,4 @@
-@use '../everything' as *;
+@use "../everything" as *;
 
 .container {
   @include rmd-theme-light;

components/LightTheme.module.scss

@@ -1,12 +1,12 @@
-@use '../everything' as *;
+@use "../everything" as *;
 
 .editor {
   height: 100%;
   padding-top: 0;
 }
 
 .area {
-  font-family: 'Source Code Pro', monospace;
+  font-family: "Source Code Pro", monospace;
   padding: 2rem;
   padding-left: 4rem;
   white-space: pre;
@@ -42,6 +42,6 @@
 
   content: counter(line);
   counter-increment: line;
-  font-family: 'Source Code Pro', monospace;
+  font-family: "Source Code Pro", monospace;
   font-size: 1rem;
 }

components/MarkdownEditor.module.scss

@@ -1,4 +1,4 @@
-@use '../everything' as *;
+@use "../everything" as *;
 
 .container {
   @include rmd-utils-scroll;