nav bar fixes

[cariboula]

1. aktuell ausgewählte Sektion sollte immer erkennbar sein (orangener border-bottom, Icon weiß ohne Transparenz)
2. hover und active color der Icons von dunkelblau umstellen auf #b1e5d6
3. nav bar sollte immer am sticky am unteren Bildschirmrand hängen - auf allen Screens
4. Buttons auf aktuellen Stand anpassen: Vorschlag:

• Homescreen: erscheint immer, wenn Anwendung neu geöffnet wird. Home Icon (import HomeIcon from '@material-ui/icons/Home';)

• Karte: führt zur Karte (import MapIcon from '@material-ui/icons/Map';)

• Gießplan: führt zum Gießplan. Icon so lassen.

• Gartenplaner: führt zum Kalender. (import EventNoteIcon from '@material-ui/icons/EventNote';)

• Profil / Settings: Führt auf Nutzerprofil, wenn User eingeloggt. Wenn nicht eingeloggt, führt es zum Keycloak-Login. (import PersonIcon from '@material-ui/icons/Person';)

[cariboula]

@bastiion Hier haut noch nicht alles hin. Verschiedene States sind noch in dunkelblau (2.) und ich würde wie in (4.) beschrieben die Buttons gern noch auf den aktuellen Stand anpassen. Können wir das nochmal in todo nehmen?

[cariboula]

Nice job @bastiion Kriegen wir es noch irgendwie hin dass man deutlicher sieht, wo man gerade ist? Aktuell markiert das nur der orangene Strich, der aber von der nativen bottom bar mobil fast verschluckt wird.

Das icon sollte auf der aktuell ausgewählten Seite voll weiß sein und keine Transparenz besitzen