[components] SectionTitle 추가

Detail Notes :

1. HomePaenl, FeaturedPanel, CategoryPanel 등에 사용되는 SectionTitle 추가

com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.jsx

@@ -0,0 +1,17 @@
+import React, { memo } from "react";
+
+import classNames from "classnames";
+
+import css from "./SectionTitle.module.less";
+
+export default memo(function SectionTitle({ className, title, ...rest }) {
+  return (
+    <h2
+      className={classNames(className ? className : css.sectionTitle)}
+      {...rest}
+    >
+      <span />
+      {title}
+    </h2>
+  );
+});

com.twin.app.shoptime/src/components/SectionTitle/SectionTitle.module.less

@@ -0,0 +1,15 @@
+@import "../../style/CommonStyle.module.less";
+@import "../../style/utils.module.less";
+
+.sectionTitle {
+  .flex(@justifyCenter: flex-start);
+  gap: 12px;
+  .font(@fontFamily: @baseFontBold, @fontSize: 42px);
+  color: @COLOR_GRAY08;
+
+  span {
+    display: inline-block;
+    .size(@w: 6px, @h: 36px);
+    background-color: @PRIMARY_COLOR_RED;
+  }
+}

com.twin.app.shoptime/src/components/SectionTitle/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "SectionTitle.jsx",
+  "styles": [
+    "SectionTitle.module.less"
+  ]
+}