refactor: HomeHeader에 디자인 시스템 적용 테스트

frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts

@@ -1,10 +1,9 @@
-import { css } from '@emotion/react';
+import { css, Theme } from '@emotion/react';
 
 export const headerStyle = css`
   padding: 14px 22px;
 `;
 
-export const logoStyle = css`
-  font-size: 22px;
-  font-weight: 700;
+export const logoStyle = (props: { theme: Theme }) => css`
+  ${props.theme.typography.h5}
 `;

frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx

@@ -1,12 +1,14 @@
 import { PropsWithChildren } from 'react';
 import * as S from './HomeHeader.style';
+import { useTheme } from '@emotion/react';
 
 export default function HomeHeader(props: PropsWithChildren) {
   const { children } = props;
+  const theme = useTheme();
 
   return (
     <header css={S.headerStyle}>
-      <h1 css={S.logoStyle}>{children}</h1>
+      <h1 css={S.logoStyle({ theme })}>{children}</h1>
     </header>
   );
 }