feat: add file preview modal (#945)

app/assets/stylesheets/_sn.scss

@@ -16,6 +16,10 @@
   width: 6.5rem;
 }
 
+.h-30 {
+  width: 7.5rem;
+}
+
 .h-33 {
   height: 8.25rem;
 }
@@ -318,6 +322,10 @@
   max-width: 22.25rem;
 }
 
+.max-w-35ch {
+  max-width: 35ch;
+}
+
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -333,6 +341,10 @@
   width: 0.75rem;
 }
 
+.w-6 {
+  width: 1.5rem;
+}
+
 .w-18 {
   width: 4.5rem;
 }
@@ -341,8 +353,8 @@
   width: 6.5rem;
 }
 
-.max-w-200 {
-  max-width: 50rem;
+.w-30 {
+  width: 7.5rem;
 }
 
 .w-92 {
@@ -405,6 +417,10 @@
   min-width: 22.5rem;
 }
 
+.max-w-200 {
+  max-width: 50rem;
+}
+
 .min-h-1px {
   min-height: 1px;
 }
@@ -989,6 +1005,10 @@
   color: var(--sn-stylekit-neutral-contrast-color);
 }
 
+.break-word {
+  word-break: break-word;
+}
+
 .transition {
   transition-property: color, background-color, border-color,
     text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,