chore

src/styles/IncludeIconButton/index.tsx

@@ -1,4 +1,4 @@
-import { Composition } from "@/types";
+import type { Composition } from "@/types";
 export const IncludeIconButton = ({ children }: Composition): JSX.Element => (
 	<div className="border-3 border-[#424040] border-solid rounded-md py-1 px-2 hover:invert">
 		{children}

src/types/common/Composition.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 
 export type Composition = {
-  children: ReactNode;
+	children: ReactNode;
 };

src/types/figurative/LanguageType.ts

@@ -1,3 +1,3 @@
-import { languageAndReadmeMap } from "@/constants/languageAndReadmeMap";
+import type { languageAndReadmeMap } from "@/constants/languageAndReadmeMap";
 type LanguageKeyType = typeof languageAndReadmeMap;
 export type LanguageKey = keyof LanguageKeyType;

src/types/index.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from "react";
 export type { LanguageKey } from "./figurative/LanguageType";
 export type { PositionType } from "./figurative/PositionType";
 export type { CONTENT_ACTION } from "./reducer/CONTENT_ACTION";
+
 export type Composition = { children?: ReactNode };
 export type SeparateLevelType = "h1" | "h2" | "h3";
 

src/types/reducer/CONTENT_ACTION.ts

@@ -1,10 +1,10 @@
-import { LanguageKey } from "../figurative/LanguageType";
+import type { LanguageKey } from "../figurative/LanguageType";
 export type CONTENT_ACTION = {
-  type:
-    | "set_state"
-    | "add_state"
-    | "change_template_language"
-    | "initialize_state";
-  payload?: string;
-  languageKey?: LanguageKey;
+	type:
+		| "set_state"
+		| "add_state"
+		| "change_template_language"
+		| "initialize_state";
+	payload?: string;
+	languageKey?: LanguageKey;
 };