fix: improve performance of animations

src/css/injected.scss

@@ -928,6 +928,10 @@ div > ol:has(.uiFileHandlerWrapper) {
   gap: 32px;
   padding: 32px 64px;
   align-items: center;
+
+  > div {
+    will-change: opacity, transform;
+  }
 }
 .home-container h1 {
   text-align: center;
@@ -2883,10 +2887,6 @@ li.MessageList__unread___3imtO {
 body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {
   transform: scale(0);
 }
-#ExtensionPopup {
-  will-change: opacity, transform;
-  transform: translateZ(0); // promotes GPU rendering
-}
 .assessmenttooltip svg {
   fill: var(--text-primary);
 }

src/css/injected/popup.scss

@@ -32,6 +32,8 @@
 
 #ExtensionPopup {
   border-radius: 1rem;
-  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.6);
+  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.6));
   transform-origin: 70% 0;
+  will-change: opacity, transform;
+  transform: translateZ(0); // promotes GPU rendering
 }