fix(patch): preserve whitespace

and overflow-x which is better for slightly larger lines than
the viewing width which is more common

src/lib/components/events/content/Patch.svelte

@@ -91,6 +91,7 @@
       {#if expand_files[index]}
         <div class="border-t-1 border-base-300">
           {#each file.chunks as chunk, index}
+            <div class="overflow-x-auto">
               {#if index !== 0}
                 <div class="text-middle h-6 bg-base-200 font-mono text-xs">
                   <div
@@ -101,7 +102,7 @@
                 </div>
               {/if}
               {#each chunk.changes as change, i}
-              <div class="flex bg-base-100 font-mono text-xs">
+                <div class="flex w-full bg-base-100 font-mono text-xs">
                   <div
                     class="w-8 flex-none select-none {change.type == 'add'
                       ? 'bg-success/30'
@@ -116,7 +117,7 @@
                       : extractChangeLine(change)}
                   </div>
                   <div
-                  class="text-wrap flex-grow break-all {change.type == 'add'
+                    class="w-full flex-grow whitespace-pre {change.type == 'add'
                       ? 'bg-success/10'
                       : change.type == 'del'
                         ? 'bg-error/10'
@@ -128,12 +129,14 @@
                         ? change.content
                         : change.content.substring(1),
                       {
-                      language: (file.to || file.from)?.split('.').pop() || '',
+                        language:
+                          (file.to || file.from)?.split('.').pop() || '',
                       }
                     ).value}
                   </div>
                 </div>
               {/each}
+            </div>
           {/each}
         </div>
       {/if}