Notebook toolbar UI improvement (#5282)

Fixed  #5236
- Change the icon to blue image. Existing icons are not deleted. We will use them when the icons are - - moved as the secondary actions.
- Change the font size to 13px
- Change the height to 21px
- Move Add actions to the left

extensions/notebook/resources/dark/manage_blue_inverse.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{clip-path:url(#clip-path-2);}.cls-4{clip-path:url(#clip-path-3);}.cls-5{clip-path:url(#clip-path-4);}.cls-6{clip-path:url(#clip-path-5);}.cls-7{clip-path:url(#clip-path-6);}.cls-8{clip-path:url(#clip-path-7);}.cls-9{clip-path:url(#clip-path-8);}.cls-10{fill:#4894fe;}</style><clipPath id="clip-path"><rect class="cls-1" x="-81.67" y="147.05" width="15.81" height="13.48"/></clipPath><clipPath id="clip-path-2"><rect class="cls-1" x="-874.89" y="515.33" width="15.81" height="13.48"/></clipPath><clipPath id="clip-path-3"><rect class="cls-1" x="-873.89" y="515.33" width="15.81" height="13.48"/></clipPath><clipPath id="clip-path-4"><rect class="cls-1" x="-871.25" y="521.6" width="10.73" height="0.43"/></clipPath><clipPath id="clip-path-5"><rect class="cls-1" x="-870.95" y="520.36" width="10.14" height="0.43"/></clipPath><clipPath id="clip-path-6"><rect class="cls-1" x="-870.54" y="519.13" width="9.31" height="0.43"/></clipPath><clipPath id="clip-path-7"><rect class="cls-1" x="-870.14" y="517.89" width="8.5" height="0.43"/></clipPath><clipPath id="clip-path-8"><rect class="cls-1" x="-869.71" y="516.65" width="7.65" height="0.43"/></clipPath></defs><title>packagemanagement_command_inverse</title><path class="cls-10" d="M16,8H15v8H5V8H4V5h6V3H2v7H5v1H1V3H0V0H12V3H11V5h5ZM1,2H11V1H1ZM15,6H5V7H15ZM14,8H6v7h8Zm-3,4H7V11h4ZM7,14V13h3v1Z"/></svg>