feat: add NavBar component

[goga-m]

Summary

Depends on #2142

Usage:

	const menu = [
		{
			title: "Portfolio",
			path: "/portfolio",
		},
		{
			title: "Plugins",
			path: "/plugins",
		},
		{
			title: "Exchange",
			path: "/exchange",
		},
		{
			title: "News",
			path: "/news",
		},
	];

	const userActionsMenu = [
		{
			label: "Contacts",
			value: "contacts",
		},
		{
			label: "Settings",
			value: "settings",
		},
		{
			label: "Support",
			value: "support",
		},
		{
			label: "Exit",
			value: "exit",
		},
	];

	return (
		<div className="-m-5">
			<NavBar
				menu={menu}
				userActions={userActionsMenu}
				onUserAction={(action: any) => alert(action.label)}
			></NavBar>
		</div>
	);
};

Checklist

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

[codecov]

Codecov Report

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

@@             Coverage Diff              @@
##           3.0-react     #2143    +/-   ##
============================================
  Coverage     100.00%   100.00%            
============================================
  Files             45        97    +52     
  Lines            298       741   +443     
  Branches          49       113    +64     
============================================
+ Hits             298       741   +443     

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

Impacted Files	Coverage Δ
src/app/components/Button/Button.tsx	100.00% <ø> (ø)
src/app/components/Card/Card.tsx	100.00% <ø> (ø)
src/app/components/Card/CardControl.tsx	100.00% <ø> (ø)
src/app/components/Circle/Circle.tsx	100.00% <ø> (ø)
src/app/components/Divider/Divider.styles.ts	100.00% <ø> (ø)
src/app/components/Divider/Divider.tsx	100.00% <ø> (ø)
src/app/components/Form/FormLabel.tsx	100.00% <ø> (ø)
src/app/components/Select/Select.tsx	100.00% <ø> (ø)
...app/components/SideBar/SideBarItem/SideBarItem.tsx	100.00% <ø> (ø)
src/app/components/StepIndicator/StepIndicator.tsx	100.00% <ø> (ø)
... and 101 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 fb67583...9ce1f54. Read the comment docs.