added margins to codeblocks and hover effects for the collapsible

src/styles/components/accordion.css

@@ -1,6 +1,12 @@
 .accordion {
   & summary {
     list-style: none;
+    transition: background-color 0.15s ease-out;
+
+    &:hover {
+      background-color: hsla(250 11 100 / 0.06);
+      cursor: pointer;
+    }
   }
 
   & .accordion-container {

src/styles/css-config/code.css

@@ -1,3 +1,7 @@
+pre.shiki {
+  margin-block: 1.618rem;
+}
+
 :where(p, li):has(> code) code {
   padding-inline: 0.272rem;
   border-radius: 0.272rem;