[deps] Autofill: Update prettier to v3.3.3 (#10228)

* [deps] Autofill: Update prettier to v3.3.3

* prettier formatting changes

* fix SyntaxError for literal @ inline html

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Jonathan Prusik <jprusik@classynemesis.com>

apps/browser/src/platform/popup/layout/popup-header.component.html

@@ -4,7 +4,7 @@
     'tw-bg-background-alt tw-border-transparent':
       this.background === 'alt' && !pageContentScrolled(),
     'tw-bg-background tw-border-secondary-300':
-      (this.background === 'alt' && pageContentScrolled()) || this.background === 'default'
+      (this.background === 'alt' && pageContentScrolled()) || this.background === 'default',
   }"
 >
   <div class="tw-max-w-screen-sm tw-mx-auto tw-flex tw-justify-between tw-w-full">

apps/browser/src/platform/popup/layout/popup-page.component.html

@@ -6,7 +6,7 @@
     [ngClass]="{
       'tw-invisible': loading || nonScrollable.childElementCount === 0,
       'tw-border-secondary-300': scrolled(),
-      'tw-border-transparent': !scrolled()
+      'tw-border-transparent': !scrolled(),
     }"
   >
     <ng-content select="[slot=above-scroll-area]"></ng-content>

apps/browser/src/tools/popup/generator/generator.component.html

@@ -240,7 +240,7 @@
             />
           </div>
           <div class="box-content-row box-content-row-checkbox" appBoxRow>
-            <label for="special">!@#$%^&*</label>
+            <label for="special">!&#64;#$%^&*</label>
             <input
               id="special"
               type="checkbox"