fix: codesnippet without copy button (#4741)

Author: ChitlangeSahas

src/shared/components/CodeSnippet.scss

@@ -7,7 +7,6 @@
   border-radius: $cf-radius;
   overflow: hidden;
   border: $cf-border solid $cf-grey-15;
-  background-color: $cf-grey-15;
   margin-bottom: $cf-space-2xs;
 }
 
@@ -48,6 +47,7 @@
   justify-content: space-between;
   padding: $cf-space-2xs $cf-space-s;
   border-top: $cf-border solid $cf-grey-15;
+  background-color: $cf-grey-15;
 }
 
 .code-snippet--label {

src/shared/components/CodeSnippet.tsx

@@ -130,10 +130,12 @@ const CodeSnippet: FC<Props> = ({
           )}
         </div>
       </DapperScrollbars>
-      <div className="code-snippet--footer">
-        {showCopyControl && <CopyButton text={_text} onCopy={handleCopy} />}
-        {label && <label className="code-snippet--label">{label}</label>}
-      </div>
+      {(showCopyControl || label) && (
+        <div className="code-snippet--footer">
+          {showCopyControl && <CopyButton text={_text} onCopy={handleCopy} />}
+          {label && <label className="code-snippet--label">{label}</label>}
+        </div>
+      )}
     </div>
   )
 }