Fix: Destructuring error in the cms-contenful example (#14970)

examples/cms-contentful/components/date.js

 import { format } from 'date-fns'
 
-export default function Date({ dateString }) {
+export default function DateComponent({ dateString }) {
   return (
     <time dateTime={dateString}>
       {format(new Date(dateString), 'LLLL	d, yyyy')}

examples/cms-contentful/components/hero-post.js

 import Link from 'next/link'
 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from '../components/cover-image'
 
 export default function HeroPost({
@@ -24,7 +24,7 @@ export default function HeroPost({
             </Link>
           </h3>
           <div className="mb-4 md:mb-0 text-lg">
-            <Date dateString={date} />
+            <DateComponent dateString={date} />
           </div>
         </div>
         <div>

examples/cms-contentful/components/post-header.js

 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from '../components/cover-image'
 import PostTitle from '../components/post-title'
 
@@ -18,7 +18,7 @@ export default function PostHeader({ title, coverImage, date, author }) {
           {author && <Avatar name={author.name} picture={author.picture} />}
         </div>
         <div className="mb-6 text-lg">
-          <Date dateString={date} />
+          <DateComponent dateString={date} />
         </div>
       </div>
     </>

examples/cms-contentful/components/post-preview.js

 import Link from 'next/link'
 import Avatar from '../components/avatar'
-import Date from '../components/date'
+import DateComponent from '../components/date'
 import CoverImage from './cover-image'
 
 export default function PostPreview({
@@ -22,7 +22,7 @@ export default function PostPreview({
         </Link>
       </h3>
       <div className="text-lg mb-4">
-        <Date dateString={date} />
+        <DateComponent dateString={date} />
       </div>
       <p className="text-lg leading-relaxed mb-4">{excerpt}</p>
       {author && <Avatar name={author.name} picture={author.picture} />}