[#50] ✨ add highlight component

Author: KingNono1030

src/components/common/text/Highlight.tsx

@@ -0,0 +1,5 @@
+export const Highlight = ({
+  children,
+}: React.PropsWithChildren): JSX.Element => {
+  return <span className={'text-primary-normal'}>{children}</span>
+}

src/components/common/text/Text.tsx

@@ -1,5 +1,4 @@
 import clsx from 'clsx'
-import React from 'react'
 
 type Variant =
   | 'heading1'

src/components/common/text/index.tsx

@@ -1,3 +1,4 @@
+import { Highlight } from './Highlight'
 import { Text } from './Text'
 
-export { Text }
+export { Text, Highlight }