feat: added slash command category

pages/categories/index.tsx

@@ -17,7 +17,12 @@ const Categories:NextPage = () => {
 			<div className='text-center flex flex-wrap mt-1.5'>
 				{
 					categories.map(t => <Tag key={t} text={<>
-						<i className={categoryIcon[t]} /> {t}
+						{
+							{ '슬래시 명령어': <span className='fa-stack' style={{ fontSize: '1em', height: '1.2em', lineHeight: '1em', width: '20px', verticalAlign: 'midd;e' }}>
+								<i className='fas fa-square fa-stack-1x fa-md' />
+								<i className='fas fa-slash fa-rotate-90 fa-xs fa-stack-1x fa-inverse' style={{ fontSize: '0.3rem' }} />
+							</span> }[t] ?? <i className={categoryIcon[t]} />
+						} {t}
 					</>} href={`/categories/${t}`} dark bigger /> )
 				}
 			</div>

utils/Constants.ts

@@ -65,6 +65,7 @@ export const categories = [
 	'게임',
 	'도박',
 	'로깅',
+	'슬래시 명령어',
 	'웹 대시보드',
 	'밈',
 	'레벨링',
@@ -90,6 +91,7 @@ export const categoryIcon = {
 	'전적': 'fas fa-puzzle-piece',
 	'웹 대시보드': 'fas fa-sliders-h',
 	'로깅': 'fas fa-pencil-alt',
+	'슬래시 명령어': null,
 	'도박': 'fas fa-money-bill-alt',
 	'게임': 'fas fa-gamepad',
 	'밈': 'fas fa-image',