feat(profile): update Wrapped 2025 button and add new gradient style

src/locales/en/translation.json

@@ -717,9 +717,7 @@
     "delete_review": "Delete Review",
     "loading_reviews": "Loading reviews...",
     "wrapped_2025": "Wrapped 2025",
-    "view_wrapped_title": "View {{displayName}}'s Wrapped 2025?",
-    "view_wrapped_yes": "Yes",
-    "view_wrapped_no": "No"
+    "view_wrapped_button": "View {{displayName}}'s Wrapped 2025"
   },
   "library": {
     "library": "Library",

src/renderer/src/pages/profile/profile-hero/profile-hero.scss

@@ -136,5 +136,35 @@
     &--outline {
       border-color: globals.$body-color;
     }
+
+    &--wrapped {
+      background: linear-gradient(
+        120deg,
+        #2A57FF 0%,
+        #2951E6 11%,
+        #2F5BFF 16%,
+        #2C56E8 29%,
+        #244ACC 34%,
+        #2245C2 40%,
+        #3A6BFF 45%,
+        #3766F2 50%,
+        #2444B8 56%,
+        #122A73 82%,
+        #2348B3 86%,
+        #1F429E 87%,
+        #10286A 93%,
+        #0E2A63 100%
+      );
+      background-color: #2A57FF;
+      background-size: 105% 100%;
+      background-position: 100% 50%;
+      border: none;
+      color: white;
+      transition: background-position 0.4s ease;
+
+      &:hover {
+        background-position: 0% 50%;
+      }
+    }
   }
 }

src/renderer/src/pages/profile/profile-hero/profile-hero.tsx

@@ -394,10 +394,12 @@ export function ProfileHero() {
               <Button
                 theme="outline"
                 onClick={() => setShowWrappedModal(true)}
-                className="profile-hero__button--outline"
+                className="profile-hero__button--wrapped"
               >
                 <TrophyIcon />
-                {t("wrapped_2025")}
+                {t("view_wrapped_button", {
+                  displayName: userProfile.displayName,
+                })}
               </Button>
             </div>
           )}