feat: 공통 template 생성

app/file-upload/page.tsx

@@ -0,0 +1,10 @@
+import Template from '../ui/view/atom/template';
+
+export default function Page() {
+  return (
+    <Template className="flex flex-col items-center gap-8">
+      <div>요소1</div>
+      <div>요소2</div>
+    </Template>
+  );
+}

app/ui/view/atom/template.tsx

@@ -0,0 +1,21 @@
+import { twMerge } from 'tailwind-merge';
+
+interface TemplateProps {
+  children: React.ReactNode;
+  size?: 'md' | 'lg';
+  className?: string;
+}
+
+export default function Template({ children, size = 'md', className }: TemplateProps) {
+  return (
+    <div
+      className={twMerge(
+        'absolute bg-white top-[7rem] z-10 rounded-xl p-[1.5rem] shadow-lg max-md:w-full',
+        size === 'md' ? 'md:w-[70%]' : 'md:w-[80%]',
+        className,
+      )}
+    >
+      {children}
+    </div>
+  );
+}