chore: show divider for each example in playground

Author: devrnt

playground/modules/common/section.tsx

@@ -24,23 +24,6 @@ const Item = styled('div')<{ $showDivider: boolean }>`
     position: relative;
     height: ${({ $showDivider }) => ($showDivider ? '1px' : 0)};
   }
-
-  ${({ $showDivider }) =>
-    $showDivider &&
-    `
-      &::after {
-        margin: 3rem 0 2rem;
-        content: '';
-        background-image: linear-gradient(
-          48.66deg,
-          var(--purple),
-          var(--blue)
-        );
-        width: 100%;
-        position: relative;
-        height: 1px;
-      }
-    `}
 `;
 
 type Props = {

playground/modules/wizard/animated/index.tsx

@@ -6,11 +6,7 @@ import Section from '../../common/section';
 
 const AnimatedSection: React.FC = () => {
   return (
-    <Section
-      title="Animated wizard"
-      description="animation by framer motion"
-      showDivider={false}
-    >
+    <Section title="Animated wizard" description="animation by framer motion">
       <Wizard footer={<Footer />}>
         <AnimatedStep>
           <Step number={1} withCallback={false} />

playground/modules/wizard/customNextStepIndex/index.tsx

@@ -9,6 +9,7 @@ const CustomNextStepIndex: React.FC = () => {
     <Section
       title="Custom step index"
       description="With custom step index on next step"
+      showDivider={false}
     >
       <Wizard footer={<FooterStepIndex />}>
         <AsyncStep number={1} />

playground/modules/wizard/reactQuery/index.tsx

@@ -12,11 +12,7 @@ const queryClient = new QueryClient();
 const ReactQuerySection: React.FC = () => {
   return (
     <QueryClientProvider client={queryClient}>
-      <Section
-        title="React query"
-        description="integration with react-query"
-        showDivider={false}
-      >
+      <Section title="React query" description="integration with react-query">
         <Wizard footer={<Footer />}>
           <QueryStep number={1} />
           <LazyQueryStep number={2} />