add lbry uri navigation on search page and make it easy to copy

src/ui/page/file/view.jsx

@@ -181,9 +181,7 @@ class FilePage extends React.Component<Props> {
     return (
       <Page notContained className="main--file-page">
         <div className="grid-area--content">
-          <h1 className="media__uri">
+          <h1 className="media__uri">{uri}</h1>
-            <Button navigate={uri} label={uri} />
-          </h1>
           {insufficientCredits && (
             <div className="media__insufficient-credits help--warning">
               {__(

src/ui/page/search/view.jsx

@@ -10,6 +10,7 @@ import Page from 'component/page';
 import ToolTip from 'component/common/tooltip';
 import Icon from 'component/common/icon';
 import SearchOptions from 'component/searchOptions';
+import Button from 'component/button';
 
 type Props = { doSearch: string => void, location: UrlLocation };
 
@@ -43,7 +44,9 @@ export default function SearchPage(props: Props) {
           <Fragment>
             {isValid && (
               <header className="search__header">
-                <h1 className="media__uri">{uri}</h1>
+                <Button navigate={uri} className="media__uri">
+                  {uri}
+                </Button>
                 {isChannel ? (
                   <ChannelTile size="large" isSearchResult uri={uri} />
                 ) : (

src/ui/scss/component/_media.scss

@@ -145,6 +145,7 @@
   font-size: 1.1rem;
   padding-bottom: 5px;
   opacity: 0.6;
+  user-select: all;
 }
 
 .media__insufficient-credits {