feat(components): create fontawesome icon component

components/icon.vue

@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { string } from 'yup';
+	const propo = defineProps<{name: string; istyle: "regular" | "light" | "solid" | "thin"; size?: number;}>()
+	const styleMap = {
+		"regular": "r",
+		"light": "l",
+		"solid": "s",
+		"thin": "t"
+	}
+
+
+</script>
+
+<template>
+	<span :style="{display: 'inline-block', width: `${size || 20}px`, height: `${size || 20}px`}">
+		<i :style="{
+			fontSize: `${size || 20}px`, 
+			display: 'inline-block', 
+			width: 'inherit', 
+			height: 'inherit'
+		}" :class="`fa${styleMap[istyle]} fa-${name}`"/>
+	</span>
+</template>