feat(footerbar): timeslider #closes2232

[kaminderpal]

Description

1) Fix the size of tabs in footer bar 2) Add guide feature for time slider plugin

Fixes #2232

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce.

Add the URL for your deploy! https://kaminderpal.github.io/geoview/add-layers.html https://kaminderpal.github.io/geoview/demos-navigator.html?config=./configs/navigator/06-basic-footer.json

Checklist:

• [x] I have build (rush build) and deploy (rush host) my PR
• [x] I have connected the issues(s) to this PR
• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] My changes generate no new warnings
• [ ] I have created new issue(s) related to the outcome of this PR is needed
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

---

This change is 

[cphelefu]

packages/geoview-core/src/core/components/footer-bar/footer-bar-style.ts line 34 at r1 (raw file):

      margin: '0.5rem',
      minHeight: 0,
    },

Maybe we can add this styling to ui/styles/themeOptionsGenerator (under components) so that this styling is applied to all Tabs components used in the application.

[cphelefu]

packages/geoview-core/src/ui/tabs/tabs-style.ts line 22 at r1 (raw file):

    fontWeight: 'bold',
    minWidth: 'min(4vw, 24px)',
    padding: '8px 2%',

can change to 0.5rem. Optional.

[cphelefu]

packages/geoview-core/src/core/components/footer-bar/footer-bar.tsx line 161 at r2 (raw file):

      return { ...prevState, ...newTab };
    });
  }, []);

Did you mean to remove [tabsList] here?

[cphelefu]

packages/geoview-core/src/core/components/footer-bar/footer-bar-style.ts line 34 at r1 (raw file):

Previously, kaminderpal (Kamy) wrote…

Done.

Hmm. my bad. If we do this it will make every flexContainer have 56px.. maybe I was wrong. This can be dangerous if we ever add another tab component. My apologies.