アイヌ語追加 (#428) (#433)

Reviewed-on: #433
Co-authored-by: miteruzo <miteruzo@naver.com>

frontend/src/components/SortHeader.tsx

@@ -2,10 +2,12 @@ import { useLocation } from 'react-router-dom'
 
 import PrefetchLink from '@/components/PrefetchLink'
 
+import type { ReactNode } from 'react'
+
 
 export default <T extends string,>({ by, label, currentOrder, defaultDirection }: {
     by:               T
-    label:            string
+    label:            ReactNode
     currentOrder:     `${ T }:${ 'asc' | 'desc' }`
     defaultDirection: Record<T, 'asc' | 'desc'> }) => {
   const [fld, dir] = currentOrder.split (':')
@@ -23,9 +25,9 @@ export default <T extends string,>({ by, label, currentOrder, defaultDirection }
       <PrefetchLink
 	  className="text-inherit visited:text-inherit hover:text-inherit"
 	  to={`${ location.pathname }?${ qs.toString () }`}>
-	<span className="font-bold">
+	<span className="inline-flex w-max items-baseline gap-1 whitespace-nowrap font-bold">
 	  {label}
-	  {by === fld && (dir === 'asc' ? ' ▲' : ' ▼')}
+	  {by === fld && <span className="shrink-0">{dir === 'asc' ? '▲' : '▼'}</span>}
 	</span>
       </PrefetchLink>)
 }