Revert "💄 remove wrapping from code and blockquotes and added background color to code"

This reverts commit 310fbb6349.

assets/css/compiled/main.css

@@ -885,21 +885,14 @@ select {
   color: var(--tw-prose-code);
   font-weight: 600;
   font-size: 0.875em;
-  background-color: rgba(var(--color-neutral-200), 1);
-  padding-top: 2px;
-  padding-bottom: 2px;
-  padding-left: 3px;
-  padding-right: 3px;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::before {
   content: "`";
-  display: none;
 }
 
 .prose :where(code):not(:where([class~="not-prose"] *))::after {
   content: "`";
-  display: none;
 }
 
 .prose :where(a code):not(:where([class~="not-prose"] *)) {
@@ -1167,14 +1160,6 @@ select {
   border-radius: 0.12rem;
 }
 
-.prose :where(p):not(:where([class~="not-prose"] *))::before {
-  display: none;
-}
-
-.prose :where(p):not(:where([class~="not-prose"] *))::after {
-  display: none;
-}
-
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1489,6 +1474,14 @@ select {
   height: 100%;
 }
 
+.h-\[120px\] {
+  height: 120px;
+}
+
+.h-\[100px\] {
+  height: 100px;
+}
+
 .h-\[150px\] {
   height: 150px;
 }
@@ -3346,10 +3339,6 @@ body:has(#menu-controller:checked) {
   background-color: rgba(var(--color-secondary-400), 1);
 }
 
-.dark .dark\:prose-invert :where(code):not(:where([class~="not-prose"] *)) {
-  background-color: rgba(var(--color-neutral-600), 1);
-}
-
 .dark .dark\:text-neutral-500 {
   --tw-text-opacity: 1;
   color: rgba(var(--color-neutral-500), var(--tw-text-opacity));

tailwind.config.js

@@ -117,25 +117,6 @@ module.exports = {
               padding: "0.1rem 0.2rem",
               borderRadius: "0.12rem",
             },
-            code:{
-              backgroundColor: theme("colors.neutral.200 / 1"),
-              paddingTop: "2px",
-              paddingBottom: "2px",
-              paddingLeft: "3px",
-              paddingRight: "3px",
-            },
-            'code::before': {
-              display: 'none'
-            },
-            'code::after': {
-              display: 'none'
-            },
-            'p::before': {
-              display: 'none'
-            },
-            'p::after': {
-              display: 'none'
-            },
           },
         },
         invert: {
@@ -150,9 +131,6 @@ module.exports = {
             mark: {
               backgroundColor: theme("colors.secondary.400 / 1"),
             },
-            code:{
-              backgroundColor: theme("colors.neutral.600 / 1"),
-            },
           },
         },
       }),