truncate long channel names on file page

app/src/component/link/view.js

@@ -35,6 +35,8 @@ export default class Link extends React.PureComponent {
 
   render() {
     const {
+      ellipsizeMode,
+      numberOfLines,
       onPress,
       style,
       text
@@ -54,7 +56,13 @@ export default class Link extends React.PureComponent {
     }
 
     return (
-      <Text style={styles} onPress={onPress ? onPress : this.handlePress}>{text}</Text>
+      <Text
+        style={styles}
+        numberOfLines={numberOfLines}
+        ellipsizeMode={ellipsizeMode}
+        onPress={onPress ? onPress : this.handlePress}>
+        {text}
+      </Text>
     );
   }
 };

app/src/page/file/view.js

@@ -570,6 +570,8 @@ class FilePage extends React.PureComponent {
                       <Link style={filePageStyle.channelName}
                             selectable={true}
                             text={channelName}
+                            numberOfLines={1}
+                            ellipsizeMode={"tail"}
                             onPress={() => {
                               const channelUri = normalizeURI(channelName);
                               navigateToUri(navigation, channelUri);

app/src/styles/filePage.js

@@ -74,6 +74,7 @@ const filePageStyle = StyleSheet.create({
     fontFamily: 'Inter-UI-SemiBold',
     fontSize: 20,
     marginTop: 6,
+    width: '49%',
     color: Colors.LbryGreen
   },
   description: {