fix: 遵循 import type convention

src/templates/component/component.ts

@@ -1,4 +1,4 @@
-const COMPONENT_TEMPLATE = `import { FC } from 'react';
+const COMPONENT_TEMPLATE = `import type { FC } from 'react';
 
 import { Styled{{name}} } from './{{name}}.style';
 import type { {{name}}Props } from './{{name}}.type';

src/templates/component/stories.ts

@@ -1,5 +1,5 @@
 const STORIES_TEMPLATE = `import { action } from '@storybook/addon-actions';
-import { Meta, Story } from '@storybook/react';
+import type { Meta, Story } from '@storybook/react';
 
 import {{name}} from './{{name}}';
 import type { {{name}}Props } from './{{name}}.type';

src/templates/hoc/hoc.ts

@@ -1,4 +1,4 @@
-const HOC_TEMPLATE = `import { FC, memo } from 'react';
+const HOC_TEMPLATE = `import type { FC, memo } from 'react';
 
 import type { PropsAreEqual } from './{{name}}.type';
 

src/templates/hook/hook.ts

@@ -1,7 +1,7 @@
 const HOOK_TEMPLATE = `import { gql, useQuery } from '@apollo/client';
 import { useReducer } from 'react';
 
-import { QueryCoursesArgs } from '@/types/graphql';
+import type { QueryCoursesArgs } from '@/types/graphql';
 
 import type { ActionType, CoursesData } from './{{name}}.type';
 

src/templates/hook/type.ts

@@ -1,4 +1,4 @@
-const TYPE_TEMPLATE = `import { Course } from '@/types/graphql';
+const TYPE_TEMPLATE = `import type { Course } from '@/types/graphql';
 
 export interface CoursesData {
   courses: {