fix(status): add word wrap

closes #63

components/status/StatusBody.vue

@@ -8,7 +8,7 @@ const { translation } = useTranslation(status)
 </script>
 
 <template>
-  <div class="status-body">
+  <div class="status-body" whitespace-pre-wrap break-words>
     <ContentRichSetup :content="translation.visible ? translation.text : status.content" :emojis="status.emojis" />
   </div>
 </template>

components/status/StatusCard.vue

@@ -85,7 +85,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
           <AccountAvatar mt1 w-12 h-12 :account="status.account" />
         </div>
       </div>
-      <div flex="~ col 1">
+      <div flex="~ col 1" w-0>
         <div flex>
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />