message: Update styling on website feature list
diff: -import clsx from 'clsx';
  +import type { ReactNode } from 'react';
  import React from 'react';
  import styles from './HomepageFeatures.module.css';
  type FeatureItem = {
  title: string;
  image: string;
  - description: JSX.Element;
  + description: ReactNode;
  };
  -const FeatureList: FeatureItem[] = [
  +const featureList: FeatureItem[] = [
  {
  title: 'Sensible Defaults',
  image: '/img/screenshot.png',
  - description: <>Build complex queries with robust out-of-the-box features.</>,
  + description: 'Build complex queries with robust out-of-the-box features.',
  },
  {
  title: 'Extensible',
  image: '/img/date-picker.png',
  - description: <>Provide custom components for maximum flexibility.</>,
  + description: 'Provide custom components for maximum flexibility.',
  },
  {
  title: 'Native TypeScript',
  image: '/img/typescript.png',
  - description: <>First-class TypeScript support.</>,
  + description: 'First-class TypeScript support.',
  },
  ];
  -function Feature({ title, image, description }: FeatureItem) {
  - return (
  - <div className={clsx('col col--4')}>
  - <div className="text--center">
  +const Feature = ({ title, image, description }: FeatureItem) => (
  + <div className="col col--4">
  + <div className="text--center" style={{ minHeight: 236 }}>
  <img alt={title} src={image} />
  </div>
  <div className="text--center padding-horiz--md">
  @@ -38,15 +37,14 @@ function Feature({ title, image, description }: FeatureItem) {
  </div>
  </div>
  );
  -}
  -export default function HomepageFeatures(): JSX.Element {
  +export default function HomepageFeatures() {
  return (
  <section className={styles.features}>
  <div className="container">
  <div className="row">
  - {FeatureList.map((props, idx) => (
  - <Feature key={idx} {...props} />
  + {featureList.map(props => (
  + <Feature key={props.title} {...props} />
  ))}
  </div>
  </div>
  