Update homepage design.

[tameremad]

Starting with the new homepage design:

• Adding a tooltip component from mdc.
• styling it with corners and borders and etc...
• change the environment colors
• display short environment tags on release cards
• fix bug with release cards shadows
• make release cards smaller and shift around where the details are displayed

SRX-OD9V6S

[sven-urbanski-freiheit-com]

approved with comments

[tameremad]

There was a bug in ReleaseDialog: The time gets displayed in UTC timezone at all times.

e.g. I create a lock at 12:15
when it shows up on the ui it just says 11:15. 

The actual stored date is correct but it's displayed incorrectly. (because toISOString doesn't account for the local timezone, it's always constant for a given date)

kuberpult/services/frontend-service/src/ui/components/ReleaseDialog/ReleaseDialog.tsx

Lines 219 to 225 in beed1f7

	{'Release date ' +
	release?.createdAt.toISOString().split('T')[0] +
	' ' +
	release?.createdAt.toISOString().split('T')[1].split(':')[0] +
	':' +
	release?.createdAt.toISOString().split('T')[1].split(':')[1]}
	</div>

The Fix: I created a getFormattedReleaseDate function and used it for the Tooltip and the Release Dialog.

After fixing this issue, I updated the snapshot to match my local machine output. But when I pushed the changes, it still failed on github actions!

I updated the test to mock the getFormattedReleaseDate function instead