fix: add text wrapping to element with long text children

Author: sushichan044

app/components/note/Note.tsx

@@ -40,7 +40,7 @@ export const Note = ({ note }: NoteProps) => {
           <span>ノートの作成日時: {dateString}</span>
         </Group>
         <Stack gap="xs">
-          <Text>{note.summary}</Text>
+          <Text className="break-words">{note.summary}</Text>
           <NoteStatus status={note.currentStatus} />
           <div className="grid grid-cols-1 gap-2 md:grid-cols-[auto_1fr] md:gap-4">
             <Badge

app/components/post/Post.tsx

@@ -40,7 +40,7 @@ export const Post = ({ post }: PostProps) => {
           />
           <Text fw="bolder">{post.xUser.name}</Text>
         </Group>
-        <Text>{post.text}</Text>
+        <Text className="break-words">{post.text}</Text>
         {post.links?.map((link, index) => (
           <a href={link.url} key={`${post.postId}link_${index}`}>
             <Text c="blue">{link.url}</Text>