Fix overflow in notes/messages

src/app/components/Content.svelte

@@ -96,7 +96,7 @@
     </div>
   {:else}
     <div
-      class="overflow-hidden text-ellipsis"
+      class="overflow-hidden text-ellipsis break-words"
       style={expandBlock ? "mask-image: linear-gradient(0deg, transparent 0px, black 100px)" : ""}>
       {#each shortContent as parsed, i}
         {#if isNewline(parsed)}

src/app/components/ContentLinkInline.svelte

@@ -14,12 +14,12 @@
 </script>
 
 {#if url.match(/\.(jpe?g|png|gif|webp)$/)}
-  <Button class="link-content" on:click={expand}>
+  <Button class="link-content whitespace-nowrap" on:click={expand}>
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Button>
 {:else}
-  <Link external href={url} class="link-content">
+  <Link external href={url} class="link-content whitespace-nowrap">
     <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(url)}
   </Link>