feat: upcoming/trending list views and larger title cards

src/components/Discover/DiscoverMovies.tsx

@@ -4,9 +4,10 @@ import type { MovieResult } from '../../../server/models/Search';
 import ListView from '../Common/ListView';
 import { LanguageContext } from '../../context/LanguageContext';
 import { defineMessages, FormattedMessage } from 'react-intl';
+import Header from '../Common/Header';
 
 const messages = defineMessages({
-  discovermovies: 'Discover Movies',
+  discovermovies: 'Popular Movies',
 });
 
 interface SearchResult {
@@ -55,13 +56,9 @@ const DiscoverMovies: 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.discovermovies} />
-          </h2>
-        </div>
-      </div>
+      <Header>
+        <FormattedMessage {...messages.discovermovies} />
+      </Header>
       <ListView
         items={titles}
         isEmpty={isEmpty}