fix: remove title and description of code component out of showcase class

Signed-off-by: Liben Hailu <libenhailu04@gmail.com>

Author: LibenHailu

src/sections/Projects/Sistent/components/avatar-group/code.js

@@ -174,11 +174,13 @@ const AvatarGroupComponent = () => {
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
               {avatarGroupExamples.map(
                 ({ title, description, element, code, id }) => (
-                  <section className="showcase" key={id}>
+                  <section key={id}>
                     <h4>{title}</h4>
                     <p>{description}</p>
-                    <div className="items">{element}</div>
-                    <CodeBlock name={id} code={code} />
+                    <div className="showcase">
+                      <div className="items">{element}</div>
+                      <CodeBlock name={id} code={code} />
+                    </div>
                   </section>
                 ),
               )}

src/sections/Projects/Sistent/components/avatar/code.js

@@ -116,11 +116,13 @@ const AvatarComponent = () => {
             <SistentThemeProvider initialMode={isDark ? "dark" : "light"}>
               {avatarExamples.map(
                 ({ title, description, element, code, id }) => (
-                  <section className="showcase" key={id}>
+                  <section key={id}>
                     <h4>{title}</h4>
                     <p>{description}</p>
-                    <div className="items">{element}</div>
-                    <CodeBlock name={id} code={code} />
+                    <div className="showcase">
+                      <div className="items">{element}</div>
+                      <CodeBlock name={id} code={code} />
+                    </div>
                   </section>
                 ),
               )}