style: Thumbnail div 추가

 import { Image, Text } from '@mantine/core';
 import { Image, Text } from '@mantine/core';
 import React from 'react';
 import React from 'react';
+import styled from 'styled-components';
 
 
+const ImageWrapper = styled.div`
+  display: flex;
+`;
 const Thumbnails = ({ srcs }) => {
 const Thumbnails = ({ srcs }) => {
   return (
   return (
     <>
     <>
       <Text style={{ marginTop: '1rem' }}>문서 내 이미지</Text>
       <Text style={{ marginTop: '1rem' }}>문서 내 이미지</Text>
-      <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+      <ImageWrapper>
         {srcs.map(src => (
         {srcs.map(src => (
           <Image
           <Image
             width={200}
             width={200}
@@ -15,7 +19,7 @@ const Thumbnails = ({ srcs }) => {
             withPlaceholder
             withPlaceholder
           />
           />
         ))}
         ))}
-      </div>
+      </ImageWrapper>
     </>
     </>
   );
   );
 };
 };