Design System Audit: Fix inline styles

Co-authored-by: PR0M3TH3AN <[email protected]>

js/ui/dm/AppShell.js

@@ -162,8 +162,7 @@ export class AppShell {
       (receipt) => receipt.conversationId === activeConversation.id,
     );
 
-    const sidebar = createElement(doc, "aside", "dm-app-shell__sidebar");
-    sidebar.style.background = "transparent";
+    const sidebar = createElement(doc, "aside", "dm-app-shell__sidebar bg-transparent");
     const sidebarHeader = createElement(doc, "div", "dm-app-shell__sidebar-header flex items-center justify-between p-4 relative");
     const sidebarTitle = createElement(
       doc,

js/ui/profileModalController.js

@@ -4483,7 +4483,7 @@ export class ProfileModalController {
       return;
     }
 
-    root.style.background = "transparent";
+    root.classList.add("bg-transparent");
     container.appendChild(root);
 
     if (actor && activeConversationId) {