Fix jsx imports

src/pages/honkai3rd/battlesuits/[battlesuitId].tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource theme-ui */
 import { Box, Card, Flex, Heading, Paragraph, Text } from '@theme-ui/components'
 import { NextPageContext } from 'next'
 import Image from 'next/image'

src/pages/honkai3rd/battlesuits/index.tsx

@@ -1,3 +1,4 @@
+/** @jsxImportSource theme-ui */
 import { Box, Heading, Flex } from '@theme-ui/components'
 import { pick } from 'ramda'
 import { useMemo } from 'react'

src/pages/honkai3rd/elfs/[elfId].tsx

@@ -1,7 +1,7 @@
+/** @jsxImportSource theme-ui */
 import { Box, Heading, Paragraph } from '@theme-ui/components'
 import { NextPageContext } from 'next'
 import Image from 'next/image'
-import React from 'react'
 import Breadcrumb from '../../../components/organisms/Breadcrumb'
 import Honkai3rdNavigator from '../../../components/organisms/Honkai3rdNavigator'
 import { ElfData } from '../../../lib/honkai3rd/elfs'

src/pages/honkai3rd/elfs/index.tsx

@@ -1,8 +1,8 @@
+/** @jsxImportSource theme-ui */
 import { Box, Heading, Flex, Text, Link } from '@theme-ui/components'
 import Image from 'next/image'
 import NextLink from 'next/link'
 import { pick } from 'ramda'
-import React from 'react'
 import Breadcrumb from '../../../components/organisms/Breadcrumb'
 import Honkai3rdNavigator from '../../../components/organisms/Honkai3rdNavigator'
 import { ElfData } from '../../../lib/honkai3rd/elfs'

src/pages/honkai3rd/weapons/[weaponId].tsx

@@ -1,6 +1,6 @@
+/** @jsxImportSource theme-ui */
 import { Box, Card, Heading, Paragraph } from '@theme-ui/components'
 import { NextPageContext } from 'next'
-import React from 'react'
 import SquareImageBox from '../../../components/atoms/SquareImageBox'
 import Breadcrumb from '../../../components/organisms/Breadcrumb'
 import Honkai3rdNavigator from '../../../components/organisms/Honkai3rdNavigator'