[FE] feature: Breadcrumb 컴포넌트에 반응형 추가 (#645)

* feat: Breadcrumb 컴포넌트에 반응형 코드 추가

* chore: 폰트 크기에 theme 반영

frontend/src/components/common/Breadcrumb/styles.ts

@@ -1,12 +1,19 @@
 import styled from '@emotion/styled';
 
+import media from '@/utils/media';
+
 export const BreadcrumbList = styled.ul`
   display: flex;
 
   max-height: ${({ theme }) => theme.componentHeight.breadCrumb};
   padding: ${({ theme }) => theme.breadcrumbSize.paddingLeft} 0 0 2.5rem;
 
   font-size: 1.5rem;
+
+  ${media.xSmall} {
+    ${({ theme }) => theme.fontSize.small};
+  }
+
   list-style: none;
 `;
 
@@ -17,6 +24,10 @@ export const BreadcrumbItem = styled.li`
   &:not(:last-child)::after {
     content: '/';
     margin: 0 2rem;
+
+    ${media.xSmall} {
+      margin: 0 1rem;
+    }
   }
 
   &:last-child {