ui(components): migrates to new toolbar ui components and Numeric for Input InputRange and InputDoubleRange (#4728)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

platform/ui/src/components/Toolbox/Toolbox.tsx

@@ -31,7 +31,7 @@ function Toolbox({
 
   useEffect(() => {
     const currentButtonIdsStr = JSON.stringify(
-      toolbarButtons.map(button => {
+      toolbarButtons?.map(button => {
         const { id, componentProps } = button;
         if (componentProps.items?.length) {
           return componentProps.items.map(item => `${item.id}-${item.disabled}`);

platform/ui/src/components/Toolbox/ToolboxUI.tsx

@@ -55,7 +55,7 @@ function ToolboxUI(props: withAppTypes) {
       <>
         <div className="flex flex-col bg-black">
           <div className="bg-primary-dark mt-0.5 flex flex-wrap py-2">
-            {toolbarButtons.map((toolDef, index) => {
+            {toolbarButtons?.map((toolDef, index) => {
               if (!toolDef) {
                 return null;
               }