feat: use same gradient as promo

apps/frontend/src/components/ui/servers/marketing/MedalPlanPromotion.vue

@@ -4,7 +4,7 @@
     class="medal-promotion flex w-full flex-row justify-between rounded-xl p-6 shadow-xl"
   >
     <div class="overlay"></div>
-    <MedalPromoBackground class="background-pattern" />
+    <MedalPromoBackground class="background-pattern shadow-xl" />
     <div class="z-10 flex flex-col gap-2">
       <div class="flex items-center gap-2 text-2xl font-semibold text-contrast">
         <ClockIcon class="clock-glow size-6 text-orange" /><span>
@@ -35,6 +35,7 @@ import MedalPromoBackground from "~/assets/images/illustrations/medal_promo_back
 .medal-promotion {
   position: relative;
   border: 1px solid var(--medal-promotion-bg-orange);
+  overflow: hidden;
 }
 
 .overlay {

apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue

@@ -86,7 +86,8 @@ onUnmounted(() => {
 .medal-promotion {
   position: relative;
   border: 1px solid var(--medal-promotion-bg-orange);
-  background: inherit;
+  background: inherit; // allows overlay + pattern to take over
+  overflow: hidden;
 }
 
 .overlay {
@@ -95,12 +96,7 @@ onUnmounted(() => {
   left: 0;
   width: 100%;
   height: 100%;
-  background: linear-gradient(
-    90deg,
-    var(--medal-promotion-bg) 10%,
-    transparent 30%,
-    var(--medal-promotion-bg) 100%
-  );
+  background: var(--medal-promotion-bg-gradient);
   z-index: 1;
   border-radius: inherit;
 }

apps/frontend/src/components/ui/servers/marketing/MedalServerListing.vue

@@ -207,21 +207,18 @@ onUnmounted(() => {
   border: 1px solid var(--medal-promotion-bg-orange);
   background: inherit; // allows overlay + pattern to take over
 }
+
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background: linear-gradient(
-    90deg,
-    var(--medal-promotion-bg) 10%,
-    transparent 30%,
-    var(--medal-promotion-bg) 100%
-  );
+  background: var(--medal-promotion-bg-gradient);
   z-index: 1;
   border-radius: inherit;
 }
+
 .background-pattern {
   position: absolute;
   top: 0;