fix: Code component style issue (#12022)

# Pull Request Template

## Description

This PR fixes a styling issue in the code component that was introduced
after merging this
[PR](07855d4369)

**Screenshots**

**Before**
<img width="456" height="506" alt="image"
src="https://github.com/user-attachments/assets/6cd78708-93ad-4457-9e0f-8a25e3c7545c"
/>


**After**
<img width="456" height="506" alt="image"
src="https://github.com/user-attachments/assets/3bb059fa-5ed8-4d92-bf6e-56831fb2f55d"
/>

app/javascript/dashboard/components/Code.vue

@@ -62,7 +62,7 @@ const onCopy = async e => {
 <template>
   <div class="relative text-left">
     <div
-      class="top-1.5 absolute ltr:right-1.5 rtl:left-1.5 flex items-center gap-1"
+      class="top-1.5 absolute ltr:right-1.5 rtl:left-1.5 flex backdrop-blur-sm rounded-lg items-center gap-1"
     >
       <form
         v-if="enableCodePen"
@@ -92,7 +92,7 @@ const onCopy = async e => {
       v-if="script"
       :language="lang"
       :code="scrubbedScript"
-      class="[&_code]:ltr:!pr-16 [&_code]:rtl:!pl-16 [&_code]:truncate [&_code]:text-start"
+      class="[&_code]:text-start"
     />
   </div>
 </template>