Display chain id

Author: GusevPM

components/TheHeader.vue

@@ -128,7 +128,13 @@ const handleNavigate = (url) => {
 						</Flex>
 
 						<template #content>
-							<Text color="primary"><template v-if="!head.synced">Not</template> Synced </Text>
+							<Flex align="center" direction="column" gap="4">
+								<Flex align="center" justify="start" wide>
+									<Text size="12" color="primary"> {{ head.synced ? 'Synced' : 'Not Synced' }} </Text>
+								</Flex>
+
+								<Text size="12" color="tertiary"> {{ head.chain_id }} </Text>
+							</Flex>
 						</template>
 					</Tooltip>