fix overflowing user input

vocodes/src/App.scss

@@ -16,6 +16,11 @@ body {
   font-weight: 300; // For Fira Sans
 }
 
+// Style for user text input that overflows
+.overflow-fix {
+  overflow-wrap: anywhere;
+}
+
 .mainwrap {
   max-width: 700px;
   margin: auto;

vocodes/src/v2/view/profile/profile_view/Profile_TtsInferenceResultListFc.tsx

@@ -108,7 +108,7 @@ function ProfileTtsInferenceResultsListFc(props: Props) {
       <tr key={result.tts_result_token}>
         <td>{result.maybe_creator_result_id}</td>
         <td>{visibilityIcon}</td>
-        <th>
+        <th className="overflow-fix">
           <Link to={inferenceLink}><span role="img" aria-label="result link">▶️</span> {text}</Link>
           &nbsp;
         </th>

vocodes/src/v2/view/tts/tts_result_delete/TtsResultDeleteFc.tsx

@@ -194,7 +194,7 @@ function TtsResultDeleteFc(props: Props) {
         <tbody>
           <tr>
             <th>Original Text</th>
-            <td>
+            <td className="overflow-fix">
               {ttsInferenceResult.raw_inference_text}
             </td>
           </tr>

vocodes/src/v2/view/tts/tts_result_view/TtsResultViewFc.tsx

@@ -208,7 +208,7 @@ function TtsResultViewFc(props: Props) {
           </tr>
           <tr>
             <th>Original text</th>
-            <td>
+            <td className="overflow-fix">
               {ttsInferenceResult.raw_inference_text}
             </td>
           </tr>