feat(ui): Add custom title functionality (#825)

src/components/Discover/Trending.tsx

@@ -7,10 +7,11 @@ import type {
 } from '../../../server/models/Search';
 import ListView from '../Common/ListView';
 import { LanguageContext } from '../../context/LanguageContext';
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import Header from '../Common/Header';
 import useSettings from '../../hooks/useSettings';
 import { MediaStatus } from '../../../server/constants/media';
+import PageTitle from '../Common/PageTitle';
 
 const messages = defineMessages({
   trending: 'Trending',
@@ -24,6 +25,7 @@ interface SearchResult {
 }
 
 const Trending: React.FC = () => {
+  const intl = useIntl();
   const settings = useSettings();
   const { locale } = useContext(LanguageContext);
   const { data, error, size, setSize } = useSWRInfinite<SearchResult>(
@@ -74,6 +76,7 @@ const Trending: React.FC = () => {
 
   return (
     <>
+      <PageTitle title={intl.formatMessage(messages.trending)} />
       <div className="mt-1 mb-5">
         <Header>
           <FormattedMessage {...messages.trending} />