feat: upcoming/trending list views and larger title cards

src/components/Discover/DiscoverTv.tsx

@@ -1,12 +1,13 @@
 import React, { useContext } from 'react';
 import { useSWRInfinite } from 'swr';
-import { TvResult } from '../../../server/models/Search';
+import type { TvResult } from '../../../server/models/Search';
 import ListView from '../Common/ListView';
 import { defineMessages, FormattedMessage } from 'react-intl';
 import { LanguageContext } from '../../context/LanguageContext';
+import Header from '../Common/Header';
 
 const messages = defineMessages({
-  discovertv: 'Discover Series',
+  discovertv: 'Popular Series',
 });
 
 interface SearchResult {
@@ -52,13 +53,9 @@ const DiscoverTv: React.FC = () => {
 
   return (
     <>
-      <div className="md:flex md:items-center md:justify-between mb-8 mt-6">
-        <div className="flex-1 min-w-0">
-          <h2 className="text-xl leading-7 text-white sm:text-2xl sm:leading-9 sm:truncate">
-            <FormattedMessage {...messages.discovertv} />
-          </h2>
-        </div>
-      </div>
+      <Header>
+        <FormattedMessage {...messages.discovertv} />
+      </Header>
       <ListView
         items={titles}
         isEmpty={isEmpty}