feat: Confetti 컴포넌트 추가

Author: MU-Software

apps/pyconkr-admin/src/consts/mdx_components.ts

@@ -133,6 +133,7 @@ const MUIMDXComponents: MDXComponents = {
 const PyConKRCommonMDXComponents: MDXComponents = {
   Common__Components__Lottie: Common.Components.LottiePlayer,
   Common__Components__NetworkLottie: Common.Components.NetworkLottiePlayer,
+  Common__Components__MDX__Confetti: Common.Components.MDX.Confetti,
   Common__Components__MDX__PrimaryStyledDetails: Common.Components.MDX.PrimaryStyledDetails,
   Common__Components__MDX__SecondaryStyledDetails: Common.Components.MDX.SecondaryStyledDetails,
   Common__Components__MDX__Map: Common.Components.MDX.Map,

apps/pyconkr/src/consts/mdx_components.ts

@@ -133,6 +133,7 @@ const MUIMDXComponents: MDXComponents = {
 const PyConKRCommonMDXComponents: MDXComponents = {
   Common__Components__Lottie: Common.Components.LottiePlayer,
   Common__Components__NetworkLottie: Common.Components.NetworkLottiePlayer,
+  Common__Components__MDX__Confetti: Common.Components.MDX.Confetti,
   Common__Components__MDX__PrimaryStyledDetails: Common.Components.MDX.PrimaryStyledDetails,
   Common__Components__MDX__SecondaryStyledDetails: Common.Components.MDX.SecondaryStyledDetails,
   Common__Components__MDX__Map: Common.Components.MDX.Map,

packages/common/src/components/mdx_components/confetti.tsx

@@ -0,0 +1,8 @@
+import * as React from "react";
+import ReactConfetti from "react-confetti";
+import { useWindowSize } from "react-use";
+
+export const Confetti: React.FC = () => {
+  const { width, height } = useWindowSize();
+  return <ReactConfetti width={width} height={height} />;
+};