Add copy code button (#963)

* Add copy code button

* External package not needed

* Improve alignement

* Update button style + add feedback on click

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

* Update dependencies

Signed-off-by: hossainemruz <hossainemruz@gmail.com>

---------

Signed-off-by: hossainemruz <hossainemruz@gmail.com>
Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>

exampleSite/hugo.yaml

@@ -91,6 +91,9 @@ params:
   # Configure various features of this theme
   features:
 
+    # Enable dark theme
+    darkMode:
+    
     # [Deprecated] Enable dark theme
     # This is a deprecated setting, but has not been removed to maintain backward compatibility
     # If `theme` is set, the `darkMode` setting will be discarded.
@@ -285,6 +288,10 @@ params:
           # options doc: https://github.com/sampotts/plyr#options
           # fullscreen: true
     
+    # Enables copy code button
+    copyCodeButton:
+      enable: true
+
     # Enable reading time support in post cards and in post pages
     readingTime:
       enable: true

exampleSite/package.json

@@ -30,7 +30,6 @@
       "postcss-cli": "github.com/hugo-toha/toha/v4"
     }
   },
-  "dependencies": {},
   "devDependencies": {
     "@fontsource/mulish": "4.5.13",
     "@fortawesome/fontawesome-free": "^6.6.0",
@@ -53,7 +52,7 @@
     "ityped": "^1.0.3",
     "katex": "^0.16.11",
     "mark.js": "^8.11.1",
-    "mermaid": "^9.2.1",
+    "mermaid": "^11.2.1",
     "plyr": "^3.7.2",
     "popper.js": "^1.16.1",
     "postcss": "^8.4.41",