Truncate url and limit width of social content (#89)

* Truncate and limit width of social list. closes https://github.com/owncast/owncast/issues/845

* Remove new class and allow text to wrap in existing css class

web/components/config/edit-social-links.tsx

@@ -186,7 +186,7 @@ export default function EditSocialLinks() {
             </span>
             <p className="option-label">
               <strong>{platformName}</strong>
-              <span>{url}</span>
+              <span className="handle-url" title={url}>{url}</span>
             </p>
           </div>
         );

web/styles/config-socialhandles.scss

@@ -20,6 +20,7 @@
       display: inline-block;
       margin-left: 1em;
       line-height: normal;
+      word-break: break-word;
     }
   }
 }
@@ -44,6 +45,7 @@
         margin: 0 0 0 1em;
         line-height: 2;
         font-size: 0.85em;
+        word-break: break-word;
       }
     }
     .actions {