feat: implement homepage design according to figma

[itsoriki]

Resolves #421

Description

Implemented homepage design according to Figma

Note: the footer is 100% of the whole screen (and therefore looks a bit too right right) because I couldn't find another way (oh, and I've tried to :))

screenshots

[github-actions[bot]]

Preview: https://s3.amazonaws.com/noam-gaash.co.il/9203205197/open-bus/e45f13f34084018992853ec353db6cf7c840ab28/index.html Preview Storybook: https://s3.amazonaws.com/noam-gaash.co.il/9203205197/open-bus/e45f13f34084018992853ec353db6cf7c840ab28/storybook/index.html

[NoamGaash]

You can add:

.ant-layout {
    position: relative;
}
.container footer {
    position:absolute;
}
main:has(footer) {
    padding-bottom: 40px;
}

to fix footer centering