Clean up JavaScript code and make it more reliable

Update version

gallery/themes/default/components/elements/notification.sass

@@ -120,12 +120,12 @@
         width: calc(100vw - 0.6rem)
         height: auto
 
+    .sniffle__notification
+        width: 100%
+
         &.hide
             opacity: 0
             transform: translateY(-5rem)
-
-    .sniffle__notification
-        width: 100%
     
     .sniffle__notification-time
         width: 100%

gallery/themes/default/components/elements/pop-up.sass

@@ -38,14 +38,14 @@
         display: flex
         flex-direction: column
 
-        background-color: RGB($bg-100)
+        background-color: RGB($bg-200)
         border-radius: $rad
         overflow: hidden
 
         z-index: +2
         transition: transform 0.2s $animation-smooth
 
-    .pop-up-content
+    .pop-up-header
         margin: 0
         padding: 1rem
 
@@ -61,7 +61,7 @@
         text-size-adjust: auto
         text-overflow: ellipsis
 
-        h3
+        h2, h3
             margin: 0
 
             width: 100%
@@ -143,7 +143,7 @@
         justify-content: flex-end
         gap: 0.25rem
 
-        background-color: RGB($bg-200)
+        background-color: RGB($bg-100)
 
     &.active
         opacity: 1