Add Celestia upgrade banner

Author: GusevPM

components/LeftSidebar.vue

@@ -234,7 +234,7 @@ const handleNavigate = (url) => {
 				</Flex>
 			</Flex> -->
 
-			<AdvBanner />
+			<AdvBanner advName="celestia_update" />
 		</Flex>
 
 		<Flex direction="column" gap="16" style="margin-right: 20px">

components/widgets/BlockWidget.vue

@@ -121,7 +121,7 @@ onBeforeUnmount(() => {
 			</Flex>
 
 			<Tooltip>
-				<Flex direction="column" gap="8" align="end">
+				<Flex direction="column" gap="12" align="end" justify="end">
 					<Text v-if="lastBlock" size="14" weight="600" color="primary"> ~{{ Math.ceil(avgBlockTime) }}s </Text>
 					<Skeleton v-else w="32" h="14" />
 

layouts/default.vue

@@ -11,7 +11,7 @@ import AdvBanner from "@/components/shared/AdvBanner.vue"
 
 			<Flex direction="column" align="center" :class="$style.content">
 				<Feed />
-				<AdvBanner advName="celenium_survey" orientation="horizontal" />
+				<AdvBanner advName="celestia_update" orientation="horizontal" />
 				<ActionBar />
 
 				<Flex direction="column" align="center" wide :class="$style.container">

services/constants/advertising.js

@@ -26,6 +26,15 @@ const advertisements = [
 		footer: 'Run Light Node',
 		weight: 0.5,
 	},
+	{
+		name: 'celestia_update',
+		link: 'https://blog.celestia.org/ginger/',
+		icon: 'zap',
+		header: 'Ginger Upgrade',
+		body: 'Celestia mainnet update on 28.01.2025.',
+		footer: 'View Docs',
+		weight: 1.1,
+	},
 ]
 
 export function getRandomAdv() {