refactor Pattern and Pulse methods.

src/page-components/pattern-library/PatternDetail.tsx

@@ -6,13 +6,8 @@ import { FC, useCallback, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { NotificationType, useNotification } from '../../components/Notifications';
 import PatternPreview from '../../components/PatternPreview';
-import {
-  CurrentPatternAtom,
-  Pattern,
-  PatternsAtom,
-  SelectedPatternIdAtom,
-  totalDuration,
-} from '../../context/Patterns';
+import { CurrentPatternAtom, PatternsAtom, SelectedPatternIdAtom } from '../../context/Patterns';
+import { Pattern, totalDuration } from '../../context/pattern-model';
 import styles from './PatternDetail.module.css';
 
 const EmptyPromption: FC = () => {

src/page-components/pattern-library/Patterns.tsx

@@ -5,13 +5,8 @@ import { FC, useCallback, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDebounce } from 'react-use';
 import { ScrollArea } from '../../components/ScrollArea';
-import {
-  Pattern,
-  PatternsAtom,
-  SearchKeywordAtom,
-  SelectedPatternIdAtom,
-  totalDuration,
-} from '../../context/Patterns';
+import { PatternsAtom, SearchKeywordAtom, SelectedPatternIdAtom } from '../../context/Patterns';
+import { Pattern, totalDuration } from '../../context/pattern-model';
 import styles from './Patterns.module.css';
 
 const PatternCard: FC<{ pattern: Pattern }> = ({ pattern }) => {