chore: update speaking page (#1923)

* chore: update speaking page

* try to resolve lint error on ci

* fix: move appearance inside speaking section

src/pages/speaking.jsx

@@ -34,16 +34,14 @@ export default function Speaking() {
       </Head>
       <SimpleLayout title="A few talks I've given">
         <div className="space-y-20">
-          <SpeakingSection title="Upcoming">
+          <SpeakingSection title="Past">
             <Appearance
               title="How to Use Suspense and GraphQL with Apollo to Build Great User Experiences"
               event="React Advanced London 2023"
               description="The Apollo Client team will show you how we built a non-trivial app using Apollo Client’s new Suspense features and GraphQL features like the @defer directive."
-              href="https://reactadvanced.com/"
-              cta="View React Advanced site"
+              href="https://portal.gitnation.org/contents/how-to-use-suspense-and-graphql-with-apollo-to-build-great-user-experiences"
+              cta="Watch video"
             />
-          </SpeakingSection>
-          <SpeakingSection title="Past">
             <Appearance
               title="Query Now, Render Later: Leveraging @defer for Efficient Data Delivery"
               event="GraphQL Summit 2023"

tailwind.config.js

@@ -1,10 +1,11 @@
-const { fontFamily } = require('tailwindcss/defaultTheme')
+// const { fontFamily } = require('tailwindcss/defaultTheme')
+import { fontFamily } from 'tailwindcss/defaultTheme'
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./src/**/*.{js,jsx}'],
   darkMode: 'class',
-  plugins: [require('@tailwindcss/typography')],
+  plugins: ['@tailwindcss/typography'],
   theme: {
     fontSize: {
       xs: ['0.8125rem', { lineHeight: '1.5rem' }],