fix: accordion content overflows below card border in All Components demo

Author: Abhijadhav03

apps/website/components/page-components/all-components/index.tsx

@@ -108,12 +108,12 @@ export default function AllComponents() {
             }}
             key={componentName}
           >
-            <Box className="flex h-[300px] border border-outline-100  items-center overflow-hidden justify-center rounded-lg dark:bg-black bg-white">
-              <Box className="flex-1 w-full flex items-center justify-center origin-center">
+            <Box className="flex flex-col border border-outline-100  items-center  rounded-xl  dark:bg-black bg-white">
+              <Box className="flex-1 w-full flex items-center justify-center origin-center p-4 overflow-auto min-h-[300px]">
                 <Component />
               </Box>
               <Box
-                className="w-full py-2 px-4 bg-background-100 cursor-pointer"
+                className="w-full py-2 px-4 bg-background-100 cursor-pointer rounded-b-lg"
                 onClick={() => {
                   window.location.href = `/ui/docs/components/${componentName}`;
                 }}