fix: corrige incompatibilidade safari custom elements

Author: guiseek

apps/devmx/src/main.ts

@@ -1,11 +1,13 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { GoogleTagElement } from './app/utils/google-tag';
 import { AppComponent } from './app/app.component';
 import { appConfig } from './app/app.config';
 import { env } from './envs/env';
+import './app/utils/google-tag';
 
 if (env.prod) {
-  document.body.appendChild(new GoogleTagElement());
+  document.body.appendChild(
+    document.createElement('script', { is: 'google-tag' })
+  );
 }
 
 bootstrapApplication(AppComponent, appConfig).catch((err) =>

packages/account/feature-shell/src/lib/containers/home/home.container.html

@@ -8,7 +8,7 @@
       @if (audioRef.muted) {
       <devmx-icon name="music/volume-off" />
       } @else {
-      <devmx-icon name="music/volume-2" />
+      <devmx-icon name="music/volume" />
       }
     </button>
 

packages/account/feature-shell/src/lib/containers/home/home.container.scss

@@ -6,9 +6,12 @@
   flex-direction: column;
   max-width: calc(100vw - 2em);
 
-  math {
-    font-size: 200%;
-    margin: 2em;
+  .radio {
+    display: inline-flex;
+    background-color: #ffffff;
+    border-radius: 1.6em;
+    padding: 0.2em;
+    gap: 0.2em;
   }
 
   .banner {