chore: exclude local resource artifacts from main sync

src/components/previewer/FullscreenPreviewModal.tsx

@@ -0,0 +1,57 @@
+import { CloseOutlined } from '@ant-design/icons';
+import { Button, Modal } from 'antd';
+import type { ReactNode } from 'react';
+import './FullscreenPreviewModal.css';
+
+type FullscreenPreviewModalProps = {
+  open: boolean;
+  title?: ReactNode;
+  meta?: ReactNode;
+  actions?: ReactNode;
+  className?: string;
+  contentClassName?: string;
+  onClose: () => void;
+  children: ReactNode;
+};
+
+export function FullscreenPreviewModal({
+  open,
+  title,
+  meta,
+  actions,
+  className,
+  contentClassName,
+  onClose,
+  children,
+}: FullscreenPreviewModalProps) {
+  return (
+    <Modal
+      open={open}
+      footer={null}
+      title={null}
+      width="100vw"
+      onCancel={onClose}
+      className={['fullscreen-preview-modal', className ?? ''].filter(Boolean).join(' ')}
+    >
+      <div className="fullscreen-preview-modal__shell">
+        <div className="fullscreen-preview-modal__header">
+          <div className="fullscreen-preview-modal__title-group">
+            {title ? <div className="fullscreen-preview-modal__title">{title}</div> : null}
+            {meta ? <div className="fullscreen-preview-modal__meta">{meta}</div> : null}
+          </div>
+          <div className="fullscreen-preview-modal__actions">
+            {actions}
+            <Button
+              type="text"
+              className="fullscreen-preview-modal__icon-button"
+              aria-label="닫기"
+              icon={<CloseOutlined />}
+              onClick={onClose}
+            />
+          </div>
+        </div>
+        <div className={['fullscreen-preview-modal__content', contentClassName ?? ''].filter(Boolean).join(' ')}>{children}</div>
+      </div>
+    </Modal>
+  );
+}