news updated for ultima new design

src/App.vue

@@ -2,10 +2,10 @@
     <div class="layout-wrapper" :class="containerClass">
         <div class="layout-news" v-if="newsActive">
             <div class="layout-news-container">
-                <img class="layouts-news-mockup-image" src="./assets/images/topbar-diamond-mockup.png">
+                <img class="layouts-news-mockup-image" src="./assets/images/topbar-ultima-device.png">
                 <span class="layout-news-details">
                 </span>
-                <a href="https://www.primefaces.org/layouts/diamond-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
+                <a href="https://www.primefaces.org/layouts/ultima-vue" target="_blank" tabindex="-1" style="text-decoration: none" class="layout-news-button">
                     LEARN MORE<i class="pi pi-angle-right"></i>
                 </a>
                 <a tabindex="0" class="layout-news-close" @click="hideNews">
@@ -118,7 +118,7 @@ export default {
             if (event.theme.startsWith('md')) {
                 this.$primevue.config.ripple = true;
             }
-            
+
             localStorage.setItem('theme', this.theme);
         },
         addClass(element, className) {

src/assets/styles/app/_news.scss

@@ -8,7 +8,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    background-image: url("assets/images/topbar-diamond-bg.png");
+    background-image: linear-gradient(to left, #1565c0, #0D47A1);
 
     .layout-news-container {
         width: 100%;