Added RoundedContainer component

components/ui/RoundedContainer.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function RoundedContainer({children, slim = true}: {children: React.ReactNode, slim?: boolean}) {
+  return (
+    <div className={`flex ${slim ? "max-w-6xl" : "max-w-3xl"} rounded-4xl flex-col items-center py-8 px-8 bg-gray-400 dark:bg-slate-900 sm:items-start`}>
+      {children}
+    </div>
+  )
+}