feat: format <RelativeUptime /> label and removed opacity: 1 from dis…

…abled <Board />

src/lib/components/board/_styles.less

@@ -265,10 +265,6 @@
 				font-style: italic;
 			}
 		}
-
-		&:hover {
-			opacity: 1;
-		}
 	}
 
 	&--status-in-evidence {

src/lib/components/relative-up-time/index.tsx

@@ -27,8 +27,8 @@ const RelativeUpTime = ({ timestamp, from, withTooltip }: Props) => {
   const daysLabel = days ? `${days}d` : '';
   const hoursLabel = hours ? `${hours}h` : '';
   const minutesLabel = minutes ? `${minutes}m` : '';
-
-  const label = `${monthsLabel} ${weeksLabel} ${daysLabel} ${hoursLabel} ${minutesLabel}`;
+  
+  const label = getLabel(monthsLabel, weeksLabel, daysLabel, hoursLabel, minutesLabel);
   const lableOrElse = label.trim().length === 0 ? '0m' : label;
 
   if (withTooltip) {
@@ -55,6 +55,18 @@ const RelativeUpTime = ({ timestamp, from, withTooltip }: Props) => {
   return <>{lableOrElse}</>;
 };
 
+const getLabel = (monthsLabel: string, weeksLabel: string, daysLabel: string, hoursLabel: string, minutesLabel: string): string => {
+  if (monthsLabel) {
+    return `${monthsLabel} ${weeksLabel} ${daysLabel} `;
+  }
+
+  if (weeksLabel) {
+    return `${weeksLabel} ${daysLabel} ${hoursLabel}`;
+  }
+
+  return `${daysLabel} ${hoursLabel} ${minutesLabel}`;
+};
+
 RelativeUpTime.displayName = 'RelativeDateTime';
 
 export default memo<Props>(RelativeUpTime);