feat(toolbar): new Toolbar to enable reactive state synchronization (#3983)

platform/ui/src/components/NavBar/NavBar.tsx

@@ -9,12 +9,11 @@ const NavBar = ({ className, children, isSticky }) => {
   return (
     <div
       className={classnames(
-        'bg-secondary-dark z-20 flex flex-row items-center border-b-4 border-black px-1',
+        'bg-secondary-dark z-20 border-black px-1',
         isSticky && stickyClasses,
         !isSticky && notStickyClasses,
         className
       )}
-      style={{ paddingTop: '4px', paddingBottom: '4px', minHeight: '52px' }}
     >
       {children}
     </div>