Fix compiler errors

src/components/organisms/Breadcrumb.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource theme-ui */
 import { mdiChevronRight, mdiHome } from '@mdi/js'
 import Icon from '@mdi/react'
-import { NavLink, Text, Flex } from '@theme-ui/components'
+import { NavLink, Flex } from '@theme-ui/components'
 import NextLink from 'next/link'
 import React from 'react'
 

src/data/honkai3rd/stigmata.ts

@@ -1,5 +1,4 @@
-import fs from 'fs'
+import { readdirSync, readJsonFileSync } from '../../lib/data'
-import { readdirSync, readJsonFileSync, resolvePathname } from '../../lib/data'
 
 export interface StigmataSkill {
   name: string

src/pages/atoms/CharacterBadge.tsx

@@ -1,41 +0,0 @@
-import React, { useMemo } from 'react'
-import { Badge } from 'react-bootstrap'
-
-interface CharacterBadgeProps {
-  character: Character
-}
-
-const CharacterBadge = ({ character }: CharacterBadgeProps) => {
-  const name = useMemo(() => {
-    switch (character) {
-      case 'kiana':
-        return 'Kiana Kaslana'
-      case 'bronya':
-        return 'Bronya Zaychik'
-      case 'mei':
-        return 'Raiden Mei'
-      case 'himeko':
-        return 'Murata Himeko'
-      case 'hua':
-        return 'Fu Hua'
-      case 'kallen':
-        return 'Kallen Kaslana'
-      case 'theresa':
-        return 'Theresa Apocalypse'
-      case 'rita':
-        return 'Rita Rossweisse'
-      case 'olenyevas':
-        return 'Olenyevas'
-      case 'seele':
-        return 'Seele Vollerei'
-      case 'yae':
-        return 'Yae Sakura'
-      default:
-        return 'Undefined'
-    }
-  }, [])
-
-  return <Badge>{name}</Badge>
-}
-
-export default CharacterBadge

src/pages/atoms/TypeBadge.tsx

@@ -1,52 +0,0 @@
-import React, { useMemo } from 'react'
-import { Badge } from 'react-bootstrap'
-import { BattlesuitType } from '../../data/honkai3rd/battlesuits'
-
-interface TypeBadgeProps {
-  type: BattlesuitType
-}
-
-const TypeBadge = ({ type }: TypeBadgeProps) => {
-  const { name, backgroundColor } = useMemo(() => {
-    switch (type) {
-      case 'psychic':
-        return {
-          name: 'Psychic',
-          backgroundColor: 'pink',
-        }
-      case 'mecha':
-        return {
-          name: 'Mechanic',
-          backgroundColor: 'blue',
-        }
-      case 'biologic':
-        return {
-          name: 'Biologic',
-          backgroundColor: 'orange',
-        }
-      case 'quantum':
-        return {
-          name: 'Quantum',
-          backgroundColor: 'purple',
-        }
-      case 'imginary':
-        return {
-          name: 'Imaginery',
-          backgroundColor: 'yellow',
-        }
-      default:
-        return {
-          name: 'Unknown',
-          backgroundColor: 'gray',
-        }
-    }
-  }, [type])
-
-  return (
-    <Badge bg='' style={{ backgroundColor }}>
-      {name}
-    </Badge>
-  )
-}
-
-export default TypeBadge

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

@@ -8,8 +8,6 @@ import {
   getBattlesuitById,
   listBattlesuits,
 } from '../../../data/honkai3rd/battlesuits'
-import CharacterBadge from '../../atoms/CharacterBadge'
-import TypeBadge from '../../atoms/TypeBadge'
 
 interface BattlesuitShowPageProps {
   battlesuit: BattlesuitData
@@ -35,14 +33,6 @@ const BattlesuitShowPage = ({ battlesuit }: BattlesuitShowPageProps) => {
         <Heading as='h1'>{battlesuit.name}</Heading>
 
         <Box className='mb-4'>
-          <Box>
-            <Box>
-              <CharacterBadge character={battlesuit.valkyrie} />
-            </Box>
-            <Box>
-              <TypeBadge type={battlesuit.type} />
-            </Box>
-          </Box>
           <Box>
             <img src={`/assets/honkai3rd/battlesuits/${battlesuit.id}.png`} />
           </Box>