fix(CopyPageButton): prevent position flash on page reload (#2816)

* fix(CopyPageButton): prevent position flash on page reload

* fix(CopyButton): add visibility property in CopyButton css

* fix(tutorials): Ensure CopyButton is visible on tutorial pages

Author: swastik7805

src/components/CopyPageButton/CopyPageButton.jsx

@@ -261,7 +261,7 @@ export default function CopyPageButton({ standalone = false }) {
   };  
 
   return (
-    <div className={styles.container} ref={containerRef} data-copy-button>
+    <div className={`${styles.container} ${standalone ? styles.standalone : ''}`} ref={containerRef} data-copy-button>
       <button
         className={styles.mainButton}
         onClick={() => setIsOpen(!isOpen)}

src/components/CopyPageButton/CopyPageButton.module.css

@@ -15,12 +15,18 @@
 .container {
   position: relative;
   display: inline-block;
+  visibility: hidden;
 }
 
 .h1Wrapper .container {
   position: absolute;
   top: 0;
   right: 0;
+  visibility: visible;
+}
+
+.standalone {
+  visibility: visible;
 }
 
 .mainButton {