added loader for order tab

packages/volto/news/6492.bugfix

@@ -1 +1 @@
-You can now render the order side panel only when the 'Order' tab is active. Previously, the panel would render unnecessarily even when not active.@Abhishek-17h
+The Order side panel now renders only when the "Order" tab is active. Previously, the panel would render unnecessarily even when inactive. @Abhishek-17h

packages/volto/src/components/manage/Sidebar/Sidebar.jsx

@@ -10,6 +10,7 @@ import BodyClass from '@plone/volto/helpers/BodyClass/BodyClass';
 import { getCookieOptions } from '@plone/volto/helpers/Cookies/cookies';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import forbiddenSVG from '@plone/volto/icons/forbidden.svg';
+import loaderSVG from '@plone/volto/icons/loader.svg';
 import { setSidebarTab } from '@plone/volto/actions/sidebar/sidebar';
 import expandSVG from '@plone/volto/icons/left-key.svg';
 import collapseSVG from '@plone/volto/icons/right-key.svg';
@@ -193,11 +194,7 @@ const Sidebar = (props) => {
                     className="tab-wrapper"
                     id="sidebar-order"
                   >
-                    <Icon
-                      className="tab-forbidden"
-                      name={forbiddenSVG}
-                      size="48px"
-                    />
+                    <Icon className="tab-loader" name={loaderSVG} size="60px" />
                   </Tab.Pane>
                 ) : null,
             },

packages/volto/theme/themes/pastanaga/extras/sidebar.less

@@ -213,6 +213,11 @@
     color: #bac5c7;
   }
 
+  .tab-loader {
+    margin: calc(50% - 24px) auto;
+    color: #bac5c7;
+  }
+
   header {
     display: flex;
     height: 60px;