refactor(Tag): update styles and imports with absolute paths

Author: anyulled

src/components/Tag/Style.Tag.tsx

@@ -11,7 +11,8 @@ export const StyledTagWrapper = styled.div.withConfig({
   margin: 0.25rem;
 `;
 export const StyledTagText = styled.p<{ color: string }>`
-  padding: 0.25rem 0.5rem;
+  padding: 0.25rem 0.5rem 0;
+  margin-bottom: 0.3rem;
   color: ${({ color }) => {
     return color;
   }};

src/components/Tag/Tag.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Color } from "../../styles/colors";
+import { Color } from "@styles/colors";
 import { StyledTagText, StyledTagWrapper } from "./Style.Tag";
 
 type TagProps = {
@@ -65,7 +65,10 @@ export const colorTagByText = (text: string): string => {
   return "#000000";
 };
 
-export const Tag: FC<React.PropsWithChildren<TagProps>> = ({ text, textColor }) => {
+export const Tag: FC<React.PropsWithChildren<TagProps>> = ({
+  text,
+  textColor,
+}) => {
   const color = colorTagByText(text);
   return (
     <StyledTagWrapper borderColor={color}>