feat: tab navigation bar animations and state

src/app/app.component.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2018-2021 StApps
+ * Copyright (C) 2022 StApps
  * This program is free software: you can redistribute it and/or modify it
  * under the terms of the GNU General Public License as published by the Free
  * Software Foundation, version 3.
@@ -22,6 +22,7 @@ import {environment} from '../environments/environment';
 import {StatusBar, Style} from '@capacitor/status-bar';
 import {Capacitor} from '@capacitor/core';
 import {ScheduleSyncService} from './modules/background/schedule/schedule-sync.service';
+import {NavigationBar} from '@hugotomazi/capacitor-navigation-bar';
 import {Keyboard, KeyboardResize} from '@capacitor/keyboard';
 
 /**
@@ -99,6 +100,11 @@ export class AppComponent implements AfterContentInit {
             .trim(),
         });
         await StatusBar.setStyle({style: Style.Dark});
+        await NavigationBar.setColor({
+          color: getComputedStyle(document.documentElement)
+            .getPropertyValue('--ion-background-color')
+            .trim(),
+        });
       }
       await this.authNotificationsInit();