refactor: fix paddings in plugin navigation

[dated]

Summary

Fixes the paddings of the plugin navigationbar items to match the designs. Also replaces the anchor tags with buttons so they can be activated without changing url in the storybook.

Checklist

• Documentation (if necessary)
• Tests (if necessary)
• Ready to be merged

[codecov]

Codecov Report

Merging #2414 into 3.0-react will not change coverage.
The diff coverage is 100.00%.

@@              Coverage Diff              @@
##           3.0-react     #2414     +/-   ##
=============================================
  Coverage     100.00%   100.00%             
=============================================
  Files             24       243    +219     
  Lines            142      2397   +2255     
  Branches          18       448    +430     
=============================================
+ Hits             142      2397   +2255     

Flag	Coverage Δ
#unit	100.00% <100.00%> (?)

Impacted Files	Coverage Δ
src/app/components/Button/Button.tsx	100.00% <ø> (ø)
src/app/components/Card/CardControl.tsx	100.00% <ø> (ø)
src/app/App.tsx	100.00% <100.00%> (ø)
src/app/components/Address/Address.tsx	100.00% <100.00%> (ø)
src/app/components/Alert/Alert.tsx	100.00% <100.00%> (ø)
src/app/components/Avatar/Avatar.tsx	100.00% <100.00%> (ø)
src/app/components/Badge/Badge.styles.ts	100.00% <100.00%> (ø)
src/app/components/Badge/Badge.tsx	100.00% <100.00%> (ø)
src/app/components/Breadcrumbs/Breadcrumbs.tsx	100.00% <100.00%> (ø)
src/app/components/Button/Button.styles.ts	100.00% <100.00%> (ø)
... and 268 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 81a543c...8010bb3. Read the comment docs.