refactor(infra): directory structure (#4615)

packages/frontend/component/src/components/setting-components/setting-header.tsx

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+
+import { settingHeader } from './share.css';
+
+interface SettingHeaderProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+  title: ReactNode;
+  subtitle?: ReactNode;
+}
+
+export const SettingHeader = ({
+  title,
+  subtitle,
+  ...otherProps
+}: SettingHeaderProps) => {
+  return (
+    <div className={settingHeader} {...otherProps}>
+      <div className="title">{title}</div>
+      <div className="subtitle">{subtitle}</div>
+    </div>
+  );
+};